Свежие jQuery CSS плагины и скрипты: меню, галереи, слайдеры и другие решения. Часть 1

15 бесплатных JavaScript решений для использования в ваших проектах: создание онлайн-портфолио фотографа, плагин для плавной подгрузки изображений, система для отсеивания спама (капча), ajax голосование на сайте, галереи, меню, слайдеры и другие эффекты.

Так как я планирую и дальше регулярно публиковать свежие плагины и скрипты, то для того чтобы вам было легче ориентироваться по названию какие заметки вы уже просмотрели, а какие необходимо еще прочитать, с сегодняшнего дня каждое название будет иметь порядковый номер. Эта заметка  — часть 1. Чтобы не пропустить остальные части — подпишитесь на e-mail рассылку или RSS ленту. Так же все материалы с блога кросспостингом появляются в твиттере. Поэтому можете  следить за появлением новых материалов в Twitter.

Еще приветствуется периодическое посещение сайта из закладок. Если кто не в курсе: самый быстрый способ поместить сайт в закладки, это нажать Ctrl + D.

Внимание: страницы с демонстрацией плагинов откроются в новом окне, ссылки для скачивания исходников — прямые.

1. Супер реализация сайта-портфолио с использованием CSS и jQuery 

Сайт-портфолио на jQuery

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

2. CSS  3D куб «3D Cube»

3D куб

Создание анимации в виде объемного куба без использования JavaScript.

3. jQuery плагин для эффектной подгрузки изображений на странице

jQuery погрузка изображений

Подгрузка изображений с прелоадером.

4. jQuery плагин «QapTcha»

Капча для сайта

Плагин для защиты от роботов. Используется интересная проверка в виде ползунка.

5. jQuery плагин «CeraBox»

jQuery плагин галерея

Еще один свежий профессиональный плагин с лайтбокс эффектом. Можно считать его продолжением недавней подборки на моем блоге: 33 Mootools, jQuery, Phototype плагина для отображения галерей изображений.

6. jQuery галерея

Галерея изображений

Галерея выплывает на странице по нажатию на кнопку. Миниатюры отображаются вокруг увеличенного изображения. Можно управлять автоматической сменой изображений. Используемые технологии: jQuery, CSS, PHP.

7. Всплывающие подписи изображений

 jQuery подписи изображений

При наведении курсора мыши на изображение выезжает краткое описание со ссылкой на подробную информацию.

8. Фиксированное jQuery меню

Меню

При прокрутке страницы вниз, меню остается зафиксировано сверху экрана.

9. jQuery плагин «BeZoom»

Зуммер на jQuery

Зуммер на jQuery.

10. jQuery плагин «Parallax 0.2»

Плагин jQuery

Плагин поможет вам реализовать эффект объемного движения фона при перемещении мыши по экрану.

11. Плагин для создания эффекта «До и после»

Плагин До и после

12. «Toggle Effect»

Эффект аккордеон

Плагин работает в двух вариантах: при нажатии либо наведении курсора мыши на ссылку, появляется скрытый контент.

13. Плагин «Timer Gallery»

Галерея

jQuery галерея. Реализована автоматическая смена слайдов и прокрутка миниатюр, если их слишком много.

14. Голосование на Ajax «TinyEditor»

Голосование на Ajax

Аккуратная реализация опросов на сайте. Используемые технологии: JQuery, Ajax, PHP и MySQL.

15. Обалденный слайдер «Tinycircleslider»

Слайдер

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

Вы можете посмотреть похожие заметки:

Также может быть полезно:

01.04.2011
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus