jQuery | Уроки и статьи

Категория: jQuery.

Ajax с JQuery – несколько интерактивных примеров. Ajax – это группа технологий используемых в web разработке для создания интерактивных приложений. Ajex это технология клиент-сервер, который позволяет извлекать данные с сервера в асинхронном режиме без перезагрузки страницы. Всё это даёт отличный результат, удобство пользования вашим web сайтом и повышения скорости обработки запросов к серверу. Библиотека Jquery поможет нам в этом , потому как в ней есть все необходимые методы для работы с Ajax.

Категория: jQuery.

magic-layou_jquery-plugin-8066433

В этой статье расскажу о новом JQuery плагине, который был обнаружен, подробно называется он Magic Layout. У этого плагина только одна задача, это оживлять блоки на веб-странице. Вы можете увидеть возможности плагина на демонстрационной странице. Прочитав эту статью, вы увидите как автор описывает процесс создания этого примера.

Категория: jQuery.

dhtmlxscheduler-8458305

dhtmlxScheduler – это инструмент, написанный на JavaScript, который позволяет вам создать совой собственный онлайн календарь событий. В этой статье мы попытаемся создать приложение такого рода, а затем добавить к нему некоторые дополнительные функции. dhtmlxScheduler может получать данные средствами, json, XML, и использовать внешнею базу данных, но в этом случае у вас должен быть веб-сервер, например Apache или Nginx с PHP и MySQL.
Мы рассмотрим оба варианта хранения данных, так что вы можете выбрать способ который хотите.

Категория: jQuery.

froala_wysiwyg_2-5007217Froala WYSIWYG — это легкий текстовый редактор с красивым адаптивным дизайном. Это первый редактор WYSIWYG с изменяем размера изображения , и это работает даже на мобильных устройствах. Редактор охватывает много функциональных кнопок по умолчанию, но иногда необходимо добавить дополнительную возможность для редактирования.
В этой статье вы увидите как добавить дополнительные две пользовательские кнопки: это кнопка для сброса всех HTML тегов в обрабатываемой области и ещё вставить определенный HTML-рядом с курсором.

Категория: jQuery.

flux-slider_mini-8888497

В этом примере вы увидите возможности применения слайдер плагина Flux. Этот плагин использует CSS3 анимацию с разнообразными эффектами переходов как 2D так и 3D. Конечно не все браузеры имеют возможность отображать 3D переходы, это относиться к старым версиям, например Opera12.16 которая была последней на движке Presto. Но все новые браузеры использующие движок WebKit отлично показывают 3D эффекты.

Категория: jQuery.

jparallax_548466_mini-2745153

Эффект Parallax это изменение видимого объекта относительно фона в зависимости от положения наблюдателя. Эффект довольно популярен в web-дизайне и применяется чаще для создания динамического фона или шапки сайта. В этом примере вы увидите как с помощью библиотеки JQuery и плагина jParallax создать такой эффект.

Категория: jQuery.

4534567_rrte_mini-9028808В этом примере я хотел бы показать, как создать действительно современный вариант стилизации меню различных настроек, это может быть панель администратора или анкета регистрации и т.д. Для реализации всего этого мы будем использовать библиотеку jQuery mobile, которая как я думаю отлично подходит для создания таких страниц настройки. И так посмотрите демонстрацию того что должно получиться и скачайте архив с исходными файлами. 

Категория: jQuery.

В этом примере мы познакомимся с виджет ProgressBar для JQuery. Который применяется для наглядного отображения происходящего на данный момент процесса в браузере, например загрузки файла на сайт. По умолчанию виджет ProgressBar статический без анимации, мы расширим его возможности, которые дадут анимацию процесса.