CeraBox – альтернативный Ligthbox на MooTools

CeraBox – стабильно работающая и легкая в использовании альтернатива Lightbox, написанная с помощью MooTools.

CeraBox может показывать изображения, SWF-файлы или содержание любого html-тега, а так же может подгружать содержимое в iframe или с помощью ajax.

Скрипт умеет группировать изображения в галереи (добавляя кнопки вперед/назад).

Атрибут title может использоваться для отображения дополнительной информации об изображении.

И последнее, но не менее важное – CeraBox умеет разворачиваться как в фиксированный размер, так и подстраиваться под размер изображения.

Создавайте журнальную компоновку с Treesaver

Treesaver – JavaScript-фреймворк для создания журнальных компоновок, которые динамически адаптируются к размеру экрана браузера на компьютере или другом устройстве (кпк, смартфоны, iPad). Дизайнер использует для верстки стандартные правила HTML и CSS, и никакого программирования на JavaScript.

JavaScript занимает 25K места в сжатом состоянии. Работает со всеми современными браузерами, а так же создает приемлемую верстку для старых браузеров. Тем не менее, Traasaver все еще сырой, в нем много багов которые нужно исправлять.

Isotope – jQuery-плагин для гибких анимированных лэйаутов

Isotope – изысканный jQuery-плагин для анимированной сортировки данных в блоках. Можно скрывать и показывать данные по признакам, сортировать, располагать на странице. Синтаксис очень простой, но представление все равно получается очень красивым. И самое интересное – в плагине присутствует расширенная поддержка CSS3 для транзакций.

Тем не менее, Вы можете бесплатно использовать плагин только в некоммерческих проектах. Коммерческая лицензия покупается единоразово за отдельную плату для каждого разработчика. Вы всегда можете посмотреть на Masonry в качестве альтернативы.

jShowOff: jQuery-плагин слайдер контента

jShowOff – гибкий jQuery-плагин ротации либого типа контента в HTML, который просто создается слайды из дочерних элементов враперов (например <li>).

Вывод полностью настраивается с помощью опций, включая авто-прокрутку, скорость прокрутки, видимость элементов управления, эффекты.

Навигацию по слайдам можно выполнить с помощью постраничной навигации, кнопок вперед-назад, и/или с помощью самбнейлов (все настраивается в опциях).

Дайте IE возможность рендерить декоративные элементы CSS3

CSS Level 3 известен своими фишками в области стайлинга html-элементов. Скругленные края, нормальные отбрасываемые тени, градиентные заливки фона и много чего еще. Все это можно сделать с помощью CSS3! Но, поскольку Internet Explorer не поддерживает стандраты CSS3, нужно подключать CSS3 PIE.

PIE написан специально для Internet Explorer. Подключается он, как behavior и позволяет распознать опции CSS3 + отрендерить их в IE. CSS3 PIE позволяет Internet Explorer 6-8 рендерить несколько разных фич CSS3, которые не доступны в стандратном IE.

Jaris – FLV-плеер, контролируемый с помощью JavaScript

Jaris – FLV-плеер с открытым исходным кодом, контролируемый через JavaScript.

У плеера есть основные элементы управления, типа play/pause, грмокость, полноэкранный режим, переключение между разными соотношениями сторон экрана.

Плеер поддерживает и HTTP pseudostreaming, и RTMP streaming, а так же может работать с Youtube API.

Для кастомизации предусмотрена смена постера при загрузке, подключение логотипа (как на ютубе внизу экрана) и изменение цвета элементов управления.

Jaris’ом так же можно управлять и с помощью клавиатуры.

JavaScript Libraries Deconstructed – посмотри, как оно работает

Сегодня практический каждый веб-разработчик использует JavaScript-фрэймворки для уменьшения времени разработки и лучшей совместимости с браузерами.

JS Libs Deconstructed – проект, который помогает понять код и его логику в современных фрэймворках.

На данный момент в сервис включено три библиотеки: jQuery, Prototype и MooTools. Вы можете пройтись по всем функциям, как по дереву каталогов и посмотреть, как они работают.

Так же, каждая функция и свойство ссылаются на оригинальную документацию, чтобы можно было получить помощь по ним в любой момент.

Clipperz – открытый менеджер паролей

Clipperz – бесплатный открытый онлайн-менеджер паролей, у которого есть бесплатная версия для установки на своем сервере: Clipperz Community Edition.

Приложение сохраняет любые закрытые данные, например пароли, заметки, PIN-коды и т.д. и предоставляет возможность быстрого логина на любой сайт, внесенный в базу.

Если Вы сохраняете пароли онлайн, то безопасность – первое дело, так что Clipperz шифрует все данные до того, как они уйдут в сеть. Шифрование происходит с помощью ключевой фразы, которая не передается на сервер (оцените их библиотеку шифрования JavaScript Crypto Library).

Пользователь может сделать дамп своих зашифрованных данных, чтобы иметь их всегда при себе для использования офлайн.

Дизайн URL – лучшие примеры

Уделяйте время дизайну структуры URL. Не оставляйте его скриптам. Не давайте в руки случаю. Подумайте хорошенько, и сделайте качественно. Дизайн URL – это комплексная тема. Есть хороший дизайн адресов, есть плохой, есть средний – все субъективно.

Но это не значит, что нет споосбов сделать качественные адреса URL. Kyle Neath написал прекрасную статью о том, как правильно спроектировать URL-адреса, и объяснил, почему новый API истории в HTML5 такой крутой.

Как написать замену диалога Confirm на jQuery

В журнале Tutorialzine наглядно показали, как можно написать замену диалога Confirm на jQuery. Можно выбрать текст, кнопки и действия, которые произойдут при нажатии.

Можно изменить внешний вид диалогового окна в файле jquery.confirm.css. В качестве сообщения диалоговое окно принимает HTML, в который можно легко вставить картинки, иконки, а так же сделать красивую верстку текста. Еще с этим плагином можно сделать замену Alert, нужно просто оставить одну кнопку и не привязывать к ней действий.