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

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

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

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

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

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

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

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

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

var elems = $('dt');

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

Для совместимости стилей в разных браузерах, часто приходится использовать разные хаки, вроде этих:

*width: 200px;
_width: 240px;

Таким образом, я указываю ширину для Internet Explorer (первая строка) и конкретно для IE 6 (вторая строка). Совсем недавно я нашел один замечательный скрипт – CSS Browser Selector, с помощью которого можно писать удобочитаемые хаки практически для всех браузеров и операционных систем. Кроме того, можно также писать стили отдельно для сайтов, где разрешен JavaScript и где он выключен.

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