Июн

22

Интерактивная витрина для вашего интернет-магазина

By masster

Picture

Идея приклеивать к изображениям горячие области (активные зоны) не нова - однако реализация этой идеи с помощью jQuery заслуживает внимания - очень изящное и простое решение превращает фотографию в великолепную интерактивную витрину интернет-магазина.  Все всплывающие слои (информационные блоки) имеют абсолютное позиционирование. Они располагаются в нужных местах и первоначально делаются невидимыми. Клики в горячих областях  запускают метод fadeIn, с помощью которых эти слои плавно проявляются и становятся видимыми.

Демо Скачать

Апр

26

Рисуем на экране - почувствуйте себя художником!

By masster

Чего только нет в Сети! Сегодня мы станем с вами художниками!

Пикассо (Picasso)

picasso

Итак, начнем с Пикассо. На сайте www.mrpicassohead.com с помощью заготовок для овала лица,  носа, глаз и т.п., нарисованных в стиле Пикассо, вы можете создавать свои собственные картины. Вы можете даже подписать их, опубликовать на сайте. Гавное, что ваши картины будут действительно нарисованы в стиле великого мастера!

Сёра (Seurat)

Этот сайт позволит вам стать пуантилистом и начать творить в стиле Сёра. Для рисования понадобится загрузить плагин Adobe Shockwave и инсталлировать его. Рисовать точками довольно утомительно, можно рисовать серией точек, для сделайте двойной щелчок мышью и начинайте рисовать, предварительно выбрав цвет и размер кисти.

seurat

Ван Гог (Van Gogh)

Другая страница предыдущего сайта. Правила те же - выбираете цвет и размер кисти. Кроме этого, вы можете выбрать направление мазков - либо горизонтальные, либо вертикальные. Другого не дано. После небольшой тренировки мне показалось, что я рисую ничуть не хуже Ван Гога.

vangogh

Матисс (Matisse)

На сайте Художественного музея в Балтиморе есть замечательная ссылка - Matisse for Kids (Матисс для детей). Пройдя по этой ссылке, вы окунаетесь в мир Анри Матисса. Отвечайте на вопросы и собирайте портфолио. А в конце этого виртуального тура вам предложат из предметов с картин Матисса создать собственное произведение, которое даже можно распечатать на принтере.

matisse

Джексон Поллак (Jackson Pollack)

Заходите на сайт JacksonPollock.org и рисуйте каплями! Здорово развивает фанатазию!

pollack

Bomomo.com

bomomo
Это поистине фантастичная программа - огромное множество кистей и стилей позволяет создавать весьма профессиональные рисунки!

Фев

5

Плагины для jQuery (Plugins for jQuery)

By masster

Хочу поделиться несколькими ссылками, в которых подробно описывается процесс написания собственных плагинов для jQuery.
1. A Plugin Development Pattern
в этом тюториале дается некий шаблон для написания плагина, при этом процедура написания плагина сведена к нескольким шагам, каждый из которых очень хорошо прокомментирован.

2. Developing a jQuery Plugin Известно, что существует два разных подхода при написании плагинов, которые приводятся на официальном сайте jQuery. Эти подходы рассматриваются в данной статье.

3. Building Your First jQuery Plugin - практическое руководство по написанию плагинов на примере простенького плагина, который обрубает длинный текст, добавляя в конце ссылка типа “далее…”. Пожалуй, самое доступное и подробное изложение технологии создания плагинов ( если не считать отдельную главу в  классической книге Learning jQuery)