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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

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

Плавная прокрутка страницы до нужного элемента

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

У меня было несколько подобных проектов, где нужно было внедрить навигацию со скроллом по странице. Во всех случаях я использую один скрипт. Читать далее

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

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

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

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

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

Diversido Mobile. Верстка

Уже не помню, как давно я это делал… Предлагаю еще одну работу: Diversido Mobile. По-моему, контора занимается разработкой чего-то для мобил. Уже не помню. Мою работу можно посмотреть тут: http://vinnichenko.net/portfolio/diversido

Кому интересно, что это за контора — загуглите ;)

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

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