332
 

jQuery.popeye - альтернатива Lightbox

В огромном ряду плагинов Lightbox пополнение - новый скрипт jQuery.popeye, написанный под библиотеку jQuery. Этот скрипт привлек мое внимание оригинальным исполнением и стильным дизайном. В отличие от стандартных галерей Lightbox, этот скрипт показывает изображения на том месте, где расположена уменьшенная иконка. К тому же все миниатюры изображений показываются в одном блоке с элементами управления, позволяющими их пролистывать. Если нажать на миниатюру, то скрипт плавно увеличит её показав изображение в полный размер. Под элементами управления расположен блок с описанием изображений.

<< читать дальше >>

Как создать свой CSS селектор в MooTools

В библиотеке Mootools уже реализованы большинство псевдоселекторов CSS3: :nth-child, :contains, :not и др. Но у вас есть возможность не ограничиваться имеющимся выбором и создать свой собственный CSS селектор, который можно будет использовать в таких функциях Mootools, как $$ и getElement. Все, что нужно будет сделать, это добавить свою функцию к объекту Selectors.Pseudo. В функцию будут передаваться два аргумента - параметр, передаваемый селктору (:pseudo(parameter)) и объект, который может быть использован в качестве временного хранилища данных при последовательном проходе элементов. Последний аргумент используется к примеру в псевдоселекторе :nth-child. Функция должна возвращать true если элемент соответствует критериям выбора или false в обратном случае.

<< читать дальше >>

Онлайн сервис для проверки регулярных выражений

Сегодня я случайно нашел отличный онлайн сервис для проверки регулярных выражений на JavaScript. Как мне кажется, такой инструмент может сэкономить массу времени, в особенности тем, кто не очень силен в регулярках. По сути, сервис работает очень просто - в одно поле вводите регулярное выражение, в другой вводите текст, по которому выполнять проверку, и жмете Go:

Online инструмент для проверки регулярных выражений

<< читать дальше >>

Peppy - выборка элементов DOM по CSS3 селекторам

James Donaghue создал библиотеку Peppy для выборки элементов DOM, использую селекторы CSS3. Главные достоинства библиотеки это скорость и размер. При размере всего 10Кб, Peppy работает гораздо быстрее, чем соответствующие библиотеки всех основных фреймворков.

Peppy - библиотека-селектор CSS3

В доказательство своих слов, Джеймс приводит результаты сравнительных тестов, которые сравнивают скорость работы селекторов фреймворков Mootools, jQuery, YUI, Dojo, Prototype, Ext и Sizzle. Их можно посмотреть здесь.

Синтаксис селекторов ничем не отличается от синтаксиса jQuery (в том смысле, что и там и там используется знак доллара $):

var elems = $('dt');

Так что, если вы используете фреймворки только из-за удобных селекторов, то думаю Peppy будет им прекрасной заменой. Скачать скрипт можно на этой странице.

JSToolbox создан на основе WordPress