Применяем javaScript ООП на веб-странице
В этой небольшой статье я хочу поделиться с читателем информацией о применении объектно-ориентированного подхода в javaScriipt при работе с формами на веб-странице.
Счетчик обратного отсчета на javaScript
Интернет-магазины часто проводят акции, которые заключаются в том, что на какой-то товар действует скидка в течение определенного времени. Обычно, на страницах с детальным описанием этого товара, а также на странице категории, к которой этот товар относится, размещается счетчик, отсчитывающий оставшееся до окончания акции время.
Также такие счетчики используются на страницах-заглушках при создании новой версии сайта – они отсчитывают время до момента открытия обновленного сайта.
Сейчас я рассмотрю пример такого счетчика, написанного на JavaScript. Кроме того, в интернете можно найти уже готовые jQuery countdown счетчики. Пару из них я также упомяну в этой статье.
LocalStorageDB работаем с localStorage как с базой данных
LocalStorageDB – крошечная javaScript-библиотека надстройка над localStorage (и sessionStorage). По сути — это набор функций, которые обеспечивают хранение структурированных данных так, как в таблицах базы данных. Это позволяет осуществлять основные операции над данными: добавление, изменение, удаление (INSERT, UPDATE, DELETE). LocalStorageDB не зависит от других библиотек и никак не связано с БД WebSQL. Данные хранятся в виде сериализованного JSON в LocalStorage (или sessionStorage).
Полезные jQuery плагины – небольшой обзор для веб-мастера.
Представить современный сайт без динамических элементов практически невозможно. Разрабатывать такие элементы самостоятельно не имеет смысла, потому что в сети уже довольно много готовых проверенных решений. Как известно, для размещения их на страницах сайта используются различные jQuery плагины. Особой популярностью у веб-разработчиков пользуются галерии, слайдеры, карусели и другие плагины.
Я подготовил небольшой обзор, в котором описал некоторые инструменты, с которыми мне приходилось сталкиваться в своей работе. Это не новинки и информации о них в Интернете предостаточно, несмотря на это я решил включить их в свой обзор, потому что до сих пор эти инструменты остаются популярными среди создателей сайтов. Кроме того, это надежные и проверенные средства.
Фиксируем меню при прокрутке страницы
В последнее время я замечаю, что на множестве сайтов используется так называемое фиксированное «плавающее» меню. Обычно это горизонтальное меню. Вообще, зафиксировать можно не любое меню: и горизонтальное, и вертикальное. Как это работает – при загрузке страницы меню находится в определенном месте страницы (например, под «шапкой»), а при прокрутке страницы оно фиксируется вверху окна браузера и не прокручивается, как остальное содержимое. Если же посетитель прокручивает страницу вверх и достигает начала страницы, меню возвращается на свое место. Таким образом, посетитель, находясь в любом месте страницы, может его использовать и переходить на другие страницы сайта. Это очень удобно и соответствует принципам юзабилити.