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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6. jQuery галерея

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

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

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

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

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

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

Зуммер на jQuery.

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

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

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

12. «Toggle Effect»

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

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

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

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

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

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

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

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

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