Архив метки: JavaScript

Счетчик обратного отсчета v.2

В предыдущей статье про счетчик обратного отсчета для landing page все выглядело слегка туманно. Основной проблемой был сброс и отсчет заново при каждом обновлении страницы. Некоторые даже ругались, что этот счетчик обманывает клиентов.

В данной статье предлагаю вам другой скрипт счетчика обратного отсчета для ваших лендингов и не только ))

Читать далее

Ловим конец ресайза окна

Частенько необходимо запускать некоторый функционал при ресайзе окна. Но, пока пользователь изменяет размер окна, мы браузер посылает десятки событий ресайза. Так что, надо каждый раз запускать один и тот же функционал? Это не правильно. Читать далее

Позиция курсора мыши в элементе

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

Читать далее

Иконка мобильного меню на чистом javascript (без jQuery)

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

В этой статье я покажу один из способов, как все сделать на чистом javascript. Кода получится чуть больше, но зато мы сможем убрать загрузку лишнего файла и лишний запрос к серверу. В итоге мы улучшим производительность, связанную с нашим мобильным меню. Читать далее

Моя иконка-гамбургер для мобильных меню

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

Простенький шаблон лендинг страницы с анимацией

Практиковался как-то в освоении некоторых технологий (animate.css, wow.js, bootstrap, google maps api). Шаблон нашел где-то на сайте бесплатных psd-шаблонов. Он мне понравился, и я решил его забацать. Это я потом уже узнал, сколько их сверстано на просторах Инета. Ну, добавлю еще и свою версию. В чем-то упрощенную, в чем-то дополненную.

Предлагаю вам посмотреть, что у меня получилось.

CSS анимация при скролле (скроллинге, прокручивании) страницы

Сейчас существует много красивейших сайтов, в которых реализована анимация элементов. Но особо привлекательно выглядят те, у которых при прокручивании страниц анимируются те элементы, которые попали в поле видимости. Читать далее

Агентство «Шоу Престиж»

Показываю последнюю работу: агентство по организации праздников «Шоу Престиж». Дизайн разрабатывал мой друг. Ссылка на готовый проект (на 100% он еще не наполнен контентом):  Читать далее

Фиксированное меню при прокрутке, скролле страницы

Нужно было найти простой скрипт, который бы фиксировал блок (меню) при прокрутке страницы. Просмотрев с десяток скриптов, нашел то, что мне нужно. Вот и предлагаю.

Естественно, не обойдемся без jQuery (куда ж без него, любимого). Читать далее

Удаление содержимого текстового поля по клику

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