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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. Плагин «Blackbird»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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