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

Читать далее →

От автора: При разработке скриптов на языке JavaScript очень часто необходимо выполнять все возможные проверки, к примеру какой браузер использует пользователь, является ли некая введенная строка адресом электронной почты и т.д. Поэтому в данном уроке я хотел бы представить Вашему вниманию маленькую, но очень полезную библиотеку is.js, используя которую можно быстро проверить выполнение определенных условий на сайте.

Читать далее →

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

Читать далее →

От автора: В данном уроке хотел бы поговорить о библиотеке textillate.js, которая буквально позволяет оживить тексты или заголовки Ваших веб-страниц. Таким образом, при отображении страницы текст будет появляться на странице с выбранной Вами анимацией. Что не только улучшит внешний вид страницы, но и поможет акцентировать внимание пользователей на определенных блоках сайта.

Читать далее →

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

Читать далее →

От автора: В данном уроке мы с Вами рассмотрим очень интересный плагин для библиотеки jQuery – FullPage.js, при помощи которого можно создать одностраничный сайт со скроллом по секциям.

Читать далее →

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

Читать далее →

От автора: Модальное окно «быстрый просмотр товара», анимированное с помощью CSS3 и Velocity.js, дает пользователю возможность получить быстрый доступ к основной информации о товаре.

В мире электронной коммерции (e-commerce) существуют определенные шаблоны, дизайн которых направлен на увеличение конверсии за счет упрощения пользовательского взаимодействия. Другие шаблоны преследуют такую же цель, но за счет предоставления дополнительной информации там, где это необходимо. Модальное окно быстрого просмотра товараотносится ко второй группе шаблонов.

Читать далее →

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

Читать далее →

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

Читать далее →