12 сен 2016
Горизонтальное адаптивное меню для сайта
Горизонтальное адаптивное меню для сайта

В данном уроке мы рассмотрим пример создания замечательного и более эстетического адаптивного горизонтального меню. Если размер экрана не позволяет отобразить все пункты горизонтального меню, то данный скрипт перемещает эти пункты в выпадающее меню - "три точки". Использование этого скрипта, позволит отображать адаптивную иконку (гамбургер), тогда, когда вы сами это решите, так как меню теперь будет всегда смотреться аккуратно.

29 июн 2016
Анимация для навигации сайта
Анимация для навигации сайта

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

25 мая 2016
Илья Кантор - Современный учебник JavaScript - 2015
Илья Кантор - Современный учебник JavaScript - 2015


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

14 апр 2016
Как создать стильные подсказки для сайта
Как создать стильные подсказки для сайта

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

24 мар 2016
Слайдер с круглой навигацией с помощью CSS3
Слайдер с круглой навигацией с помощью CSS3

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

15 фев 2016
Демонстрационная витрина 3D книг на CSS3
Демонстрационная витрина 3D книг на CSS3

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

24 дек 2015
Многоуровневое выпадающее меню на CSS3
Многоуровневое выпадающее меню на CSS3

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

15 дек 2015
Временная шкала для сайта на CSS3
Временная шкала для сайта на CSS3

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

>> <<