Используем Parallax для создания сайта

Разместил ArtsWar, 17-07-2014, 17:25 / Просмотров: 970 / Комментариев: 1


Использование parallax берёт своё начало ещё с 80-х годов, применялся в интерфейсах игр.

Parallax. Каков он в действии.
Ниже представлены примеры, которые во всей красе демонстрируют эффект parallax.







Так должна выглядеть структура папок:



Плагины необходимые для реализации данного эффекта:
Stellar.js

Waypoints

jQuery Easing


Вёрстка HTML:
Для начала необходимо в index.html прописать доктайп и создать секцию. В данной секции будит содержаться CSS Reset
и файл styles.css. Так же без использования дополнительной библиотеки jQuery не обойтись. Ещё не забыть про три плагина jquery.stellar.min.js, waypoints.min.js и jquery.easing.1.3.js.




комментарий
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
  1. Sallador пишет: | 13 сентября 2014 18:32 Последний раз был: 20.10.2015 | 1

    Пользователь offline
    Проще верстать в Adobe\Adobe Muse. Да есть лишний код но для одностраничников к примеру это не особо критично