Набор полезных jQuery Ajax CSS3 фишек для веб-разработчиков. Часть 3

Новые jQuery CSS и Ajax штуки для ваших проектов. В заметке представлены: текстовые эффекты, меню, слайдеры, галереи, диаграммы, фоновые эффекты и много-много других jQuery виджетов. Все решения профессиональные и довольно свежие. Наслаждайтесь.

На почту всегда свежачок без спама и рекламы — e-mail рассылка с моего блога. Присоединяйтесь.

1. Анимированный текстовый эффект на jQuery «Sliding Letters»

Текстовый эффект jQuery

Интересный текстовый эффект при наведении с использованием jQuery.

2. Креативный jQuery слайдер «Rotating Image Slider»

Креативный jQuery слайдер «Rotating Image Slider»

Очень оригинальное оформление слайдера изображений, напоминающее веер. Анимированная смена слайдов. Навигация между изображениями осуществляется с помощью стрелок. Предусмотрена также автоматическая смена, которую можно включать и выключать с помощью кнопки Play/Pause, расположенной сверху.

3. Классное оформление диаграмм на сайте

jQuery диаграммы

Анимированная круговая диаграмма, созданная с использованием JavaScript библиотеки Raphaël.

4. jQuery CSS3 многоуровневое выпадающее меню

 jQuery CSS3 многоуровневое выпадающее меню

Легкое выпадающее CSS3 меню для сайта.

5. Слайдер фоновых изображений

Слайдер фоновых изображений

Анимированный jQuery слайдер. Фоновые изображения автоматически масштабируются при изменении размеров окна браузера. Для каждого изображения выплывает блок с описанием.

6. Фоновая jQuery анимация на странице

jQuery анимация

Анимированный jQuery эффект при перемещении курсора по экрану.

7. Плагин «Blackbird»

Окна с сообщениями с возможностью вести логи и фильтрации по типу сообщений.

Функциональное решение аналог alert() в JavaScript. Вы сможете подробнее почитать об использовании «Blackbird» на демонстрационной странице.

8. Ajax библиотека JSF компонентов «OpenFaces»

AJAX библиотека JSF компонентов

Набор различных Ajax компонентов на JFS фреймворке с открытым исходным кодом для создания элементов пользовательского интерфейса. В набор компонентов входят самые распространенные элементы интерфейса: компоненты для работы с таблицами и графиками, вкладки, всплывающие окна,  фильтры, меню, календари, компоненты для работы с формами и много других Ajax решений. Вы можете посмотреть все компоненты в действии на демонстрационной странице. «OpenFaces» распространяется по двум видами лицензий: бесплатной и коммерческой. 

9. «Wijmo» набор jQuery UI виджетов для создания элементов пользовательского интерфейса

jQuery виджеты

Коллекция профессиональных виджетов для веб-разработчиков. В набор «Wijmo» входят следующие бесплатные jQuery решения: аккордеоны, календари, всплывающие диалоговые окна, экспандеры, стилизованные формы, различные списки, меню, индикаторы загрузки «progressbar», вкладки (табы), всплывающие подсказки и другие полезные виджеты. Разработчики «Wijmo» предлагают помимо бесплатных решений также качественные коммерческие jQuery UI наработки. После скачивания архива, вы сможете посмотреть все возможные виджеты в действии, они находятся в директории wijmo-open/development-bundle/samples/. Этот набор обязательно сэкономит вам уйму времени при разработке ваших веб-проектов.

10. Оформление поискового поля с применением jQuery

jQuery оформление поля поиска

Анимированное оформление поля для ввода поискового запроса. Эффект можно наблюдать при клике мышкой в поле ввода. Кнопка для начала поиска появляется после ввода запроса с клавиатуры.

11. «Flux Slider» слайдер на jQuery и CSS3

jQuery слайдер

Новый jQuery слайдер. Несколько классных анимированных эффектов при смене слайдов.

12. Масштабируемый текст jQuery «Sliding Letters»

Текстовый эффект jQuery

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

13. Слайд-шоу «Awkward»

Слайд-шоу на jQuery

Функциональное слайд-шоу. В виде слайдов могут выступать: простые изображения, изображения с подписями, изображения с всплывающими подсказками, видео-ролики. Для навигации можно использовать стрелки, ссылки на номера слайдов и клавиши вправо/влево на клавиатуре. Слайд-шоу выполнено в нескольких вариантах: с миниатюрами и без них. Для просмотра всех вариантов пройдитесь по ссылкам Demo #1 — Demo #6 расположенным сверху на демонстрационной странице.

14. jQuery плагин «jQueryZoom»

jQuery эффект увеличения при наведении

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

15. jQuery галерея «jSwitch»

Галерея jQuery

Анимированная jQuery галерея.

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

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

Для тех, кто забыл подписаться — e-mail рассылка с моего блога.

12.05.2011
top


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