G.O.A.T.

G.O.A.T.

Скуки ради накатал кучу кода, для того чтобы развернуть новый проект и не искать каждый раз куски кода по прошлым проектам. Что наконфигурировал посмотрите сами, если чего-то не нашли — добавьте, если чего-то напортачил — поправьте, и пользуте наздоровье. G.O.A.T.

ПростоПлеер

Совсем забыл что в середине февраля помогал Артёму Василькову с ПростоПлеером. Исправил пару багов с плэйлистом и заодно поимел интересный опыт работы с soundmanager2 и рекламу в его твитере. Так что теперь больше не боюсь работы со звуком в браузере.

Lavalamp

Незнаю в силу каких обстоятельств сложилось что при поиске данного эффекта все ссыки рано или позно заканчиваються тут. Возможно потому что этот плагин был первым, возможно потому что потому что эффект действительно похож на лавовую лампу. В обoем это не важно моя статья тоже веден на этот плагин ;)

(далее…)

Бесконечная карусель

Вот такая забавная каруселька. Плавная прокрутка происходит за счет скролла внутренностей контейнера (scrollLeft), а зацикливание за счет того что первый элемент, после прокрутки становиться в конец карусели. С другой стороны на каждой анимации происходит работа с DOM деревом, что не есть хорошо, но впринципе на это навалить.

(далее…)

jQuery scroll plugin

Нашел в понедельник плагин для mootools который заменяет обычную полосу прокрутки. Очень понравилась идея, и очень не понравилась реализация, ОЧЕНЬ много кода у чувака вышло на какой-то скроллинг. У меня был махонький опыт работы со скроллингом в плагине автокомплит и я решил переписать все с нуля на jQuery.

Идея была хорошая, реализация — гавно. Сидел писал… Разруливал грабли.

(далее…)

jQuery UI: Progress Bar with custom event

Начитался Брэндона Аарона и решил создать небольшое практическое пособие для начинающих по пользовательским событиям (custom events). Напомню что пользовательские события это такие же события как onclick только запускает их не браузер а сам jQuery. Такими событиями являются, например, события «mouseenter», «mouseleave», «ready» и целый набор ajax’овых событий.

jQuery также дает возможность создавать пользовательские события, чем я и воспользуюсь, создав собственное событие с помощью которого буду обновлять ползунок из Modal Dialog и Progress Bar. Практическая польза от этого скрипта нулевая, но для демонстрации самое то что доктор прописал. На самом деле весь код описанный в событии можно перенести в стандартный callback ‘change’. Итак задача: обновлять ползунок при помощи пользовательского события, при срабатывании события ползунок увеличивается и меняет цвет.

(далее…)

jQuery UI: Google Gears local store setup

UPD я так подумал и решил что держать пример работающим не имеет никакого мыслся так как Google Geers приказал долго жить, а переписывать на другую технологию не имеет смысла, так как это был бы уже совсем другой пост.

В одной из прошлых статей я рассказывал как совместить Modal Dialog и Progress Bar, теперь пришло время рассказать как это можно использовать. Есть такая штука как Google Gears это интернет акселератор предназначенный по большому счету для продуктов самого Google, таких как почта, календарь, ридер и т.д. Но Google предоставляет возможность устанавливать акселератор и на сторонние сайты, чем я сейчас и займусь. Самым простым видом акселерации является загрузка в кеш статических файлов, то есть картинок, скриптов и css стилей, хотя теоретически можно загружать и все остальное включая html самой страницы. Я покажу как сделать анимацию загрузки файлов в хранилище Google Gears.

(далее…)