Готовые JavaScript и CSS решения для ваших проектов

В сегодняшней заметке поделюсь с вами несколькими полезными вещами для вашего сайта. Вы сможете посмотреть в действии и скачать: различные меню, галереи, табы, слайдеры и другие JavaScript и CSS фишки.

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

1. Модальное окно «ModalBox» на JavaScript

Модальное окно

Реализация современных модальных диалоговых окон без использования всплывающих окон и перезагрузок страницы. На демонстрационной странице нажмите на кнопку «Start Demo» чтобы посмотреть на работу скрипта.

2. «LightWindow» всплывающего окна в стиле Lightbox

jQuery Lightbox

Возможно вывести во всплывающем окне информацию различных форматов: единичные изображения, галерею, медийные файлы, формы. На демонстрационной странице ссылки на различные варианты содержимого.

3. Эффектные CSS3 табы  «Glow Tabs»

jQuery табы

Свежее решение для реализации табов с использованием CSS3.

4. Слайдер контента без JavaScript

Слайдер контента

Легкий, качественный слайдер содержимого без JavaScript. Для переключения между слайдами используются кнопки с номером слайда.

5. Анимированное выпадающее меню

jQuery меню

СтильноеjQuery меню в темных тонах.

6. Всплывающая jQuery панель

jQuery панель

Интересная всплывающая панель/меню с отличными иллюстрованными иконками.  Для появления меню нажмите на плюс в нижнем левом углу экрана.

7. CSS3 меню

CSS3 меню

Лекгкое CSS меню с интересным эффектом.

8. Выпадающее меню

Выпадающее меню

Простое, аккуратное выпадающее меню.

9. Фильтрация блоков c использованием jQuery

Фильтрация блоков на jQuery

Это решение отлично подойдет для реализации фильтров в интернет-магазинах или для оформления страниц-портфолио.

10. Меню с CSS и jQuery анимацией 

jQuery меню

Свежее анимированное меню в серых тонах.

11. Колоночная навигация по сайту на jQuery

Навигация по сайту

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

12. jQuery галерея изображений

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

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

13. Галерея изображений в стиле полароид

Галерея изображений в стиле Polaroid

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

14. Компактный вывод анонсов последних материалов или новостей

Компактный вывод анонсов последних материалов или новостей

Компактный блок с анонсом последних материалов на сайте или новостей. В левой колонке отображается разбитый на страницы список из кратких анонсов последних новостей. При выборе одного из них в правой колонке отображается более подробное описание и ссылка на прочтение полного текста публикации. Реализовано с помощью jQuery.

15. Галерея изображений «SliderGallery»

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

Качественная галерея изображений. Карусель миниатюр прокручивается с помощью ползунка. Реализована возможность разбивания изображений на альбомы.

16. Эффектные CSS3 кнопки

CSS3 анимированные кнопки

Анимированные CSS3 кнопки. Отличный веселый эффект при наведении.

17. CSS3 Выпадающее мега меню

Мега-меню

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

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

15.10.2010
top


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