Lecaw

Учимся создавать Web-сайты

jQuery

jQuery — библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API по работе с Ajax.

Сегодня я решился создать для Вас что-то действительно интересное и полезное. Новый плагин jQuery - генератор книги. Основная идея заключается в удобном отображении книги на основе простого текста (с изображениями). Генератор книги состоит из страниц, каждая страница состоит из 2-х сторон (как в обычной книге), есть кнопки вперед-назад по бокам страницы для перемещения по страницам, а также используем 3D при повороте страниц (на базе CSS3). Для того чтобы достичь 3D эффекта мы используем CSS3 преобразования (rotate3d, preserve-3d and rotateY) и эффекты перехода.

 
 

jQuery плагин прокрутки поможет сделать сайт более привлекательным, а также улучшит отображение содержания. Это дает пользователям свободу представить содержание самым надлежащим способом.

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

Сегодня мы будем создавать анимированное старое письмо, для этого мы будем использовать анимацию JavaScript. В этом письме, мы добавим анимированное перо. Когда перо высыхает – мы будем окунать его в чернила. И даже более того, мы установили функцию эмуляции ошибок, которые будут стерты во время набора текста.

 
 

В этом учебном руководстве мы создадим интерактивный график, используя jQuery и CSS3. При этом будем использовать популярный плагин jQuery Flot. Flot - это библиотека графического изображения JavaScript для jQuery. Он непрерывно производит набор графических участков данных со стороны клиента. Этот плагин (что такое плагин) прост, но в нем достаточно функций для того, чтобы создать хорошие и интерактивные графики. Для получения дополнительной информации можете посмотреть на документацию. Вы можете найти дизайн графиков на Impressionist UI, которые сделал Владимир Кудинов.

CSS анимация используется для широко распространенного применения. Peter Gasston показывает, как мы можем расширить её возможности, смешивая и объединяя в цепочку с событиями JavaScript.

 
 

jQuery плагин нам нужен для того, чтобы создать чувствительную сетку изображения, которая будет переключать изображения, используя различные css анимации и синхронизации. Это может работать приятным фоновым или декоративным элементом веб-сайта, так как мы можем регулировать появление новых изображений и их css transition.

Страница 7 из 10