jQuery

Модальное окно на jQuery с формой отправки письма

      CSS, jQuery, PHP

Здравствуйте, уважаемые читатели XoZbloga! Однажды я уже писал о модальных окнах, то была статья о создании окон для WordPress с помощью плагина Easy Modal Lite. В этой статье покажу способ создания всплывающего окна на любом сайте. Использовать будем jQuery плагин fancybox. А чтобы добавить смысловой нагрузки статье, вставим в модальное окошко форму отправки письма. Сразу хочу заметить модальные окна на этом плагине работают на всех браузерах. Приступим!

Создание списка дел (To-Do лист) средствами jQuery и Web SQL Database

      HTML, jQuery

Здравствуйте, уважаемые читатели XoZbloga! В HTML5 есть много новых возможностей, которые расширяют границы для творчества программистов. Одной из таких возможностей является создание локальной базы данных (когда данные хранятся на клиенте, то есть в браузере посетителя) — Web SQL Database. В этом уроке создадим список дел как его еще называют To-Do лист, с помощью данной технологии и jQuery.

Загрузка изображения на сервер с предварительным просмотром при помощи HTML5 Drag and Drop

      HTML, jQuery, PHP

Здравствуйте, уважаемые читатели XoZbloga! За последнее время я получил несколько предложений сделать урок, на тему загрузки изображений на сервер с предварительным просмотром. В этом уроке я попытаюсь разобрать данную тему, чтобы у Вас не осталось вопросов. Загрузка будет осуществляться с помощью HTML5 Drag and Drop (перетащил и бросил).

jQuery всплывающие подсказки, с помощью плагина TipTip

      jQuery

Здравствуйте, уважаемые читатели XoZbloga! Если Вам надоели стандартные всплывающие подсказки, то эта статья для Вас! Плагин, который мы рассмотрим называется TipTip, чтобы скачать перейдите по следующей ссылке. C его помощью можно взять под контроль всплывающие подсказки на сайте и настроить их на свой вкус. У этого легковесного плагина (размер 7кб) также есть несколько параметров, спасибо АВТОРУ. Для его работы необходима библиотека jQuery, стили для подсказки ну и сам скрипт.

Особенности адаптивной верстки

      CSS, HTML, jQuery

Здравствуйте, уважаемые читатели XoZbloga! Когда говорят об адаптивной верстке, то подразумевают шаблон, который подстраивается под любое разрешение экрана. Элементам контейнерам div присваивается относительная ширина, правильное позиционирование и тд. Но также не следует забывать о содержимом этих контейнеров. Да, текст подстроиться по ширине автоматически, но как же быть с изображениями, видео и аудио элементами на странице. Ведь если где-то, что-то вылезает за пределы или торчит не в том месте — это не совсем хорошо.

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

      jQuery

Здравствуйте, уважаемые читатели XoZbloga! В этом уроке я покажу Вам, как создать минималистичную, но в тоже время удобную и функциональную фото галерею на jQuery, или галерею изображений, кому как удобно. В галерее есть возможность создавать категории, с последующей фильтрацией. Так же есть возможность запуска слайд-шоу. Галерея работает во всех браузерах, так что проблем с адаптацией не будет.

Создаем аккордеон для сайта

      CSS, HTML, jQuery

Здравствуйте, уважаемые читатели XoZbloga! В этой статье разберем 3 способа создания аккордеона для сайта:

  • с помощью jQuery;
  • с помощью CSS3;
  • с помощью HTML5.

Если Вы еще не сталкивались с таким элементом на сайте, то это обязательно произойдет рано или поздно. На самом деле очень простая концепция, которая требует небольшого скрипта для функционирования. Аккордеоны, как правило, используется для организации дополнительной информации. Вы можете использовать аккордеон как: