Создаем сайт с эффектом Parallax, используя Stellar.js

[netp]

Большое спасибо за подробную инструкцию!

[illuzii]

Спасибо за перевод!

[spmbt]

Один из самых популярных трендов современного веб-дизайна является эффект Parallax.

Я мог бы назвать с ходу порядка 20 трендов, которые популярнее эффекта Parallax. Обычно под «один из самых...» понимают от силы 5, а лучше 3.

[thestanislav]

Интересно было бы почитать и ваше мнение о популярных трендах.

[spmbt]

Да это всем известно — вспомните по очереди все популярные технологии и библиотеки, начиная с jQuery, и получатся тренды, каждый из которых известнее этого эффекта.

скруглённые уголки
тени
Отзывчивый дизайн
Metro (стиль)
ajax-навигация
полные одностраничные сайты
анимированные фавиконы
jQuery
Twitter Bootstrap
backbone
анимации на CSS3
кинетика карт и каруселей
просмотр в стиле лайтбокса
заголовки в стиле Google+
инфографика
графики и диаграммы JS
поголовное лепление лайков
…
А, в общем, о трендах дизайна прямо целые статьи есть, там всё перечислено, но я бы не сказал, что всё перечисленное там популярно. Тем не менее, следующий десяток можно выбрать по этим ссылкам, их читать интереснее:
topobzor.com/веб-дизайн-тренды-2011/.html
womtec.ru/2011/12/web-design-trends-2011/
www.cmsmagazine.ru/library/items/management/web_trends_2010
www.art-lana.ru/2012/01/web-design-trends-in-2012/

[Squier]

Обо всем знаю, кроме заголовков в стиле Google+.
Можно пример?

[spmbt]

Чёрные с белыми буквами. Не помню, кто следует за ними, но начали попадаться чаще, чем было до смены дизайна заголовка Гуглом в прошлом году (сначала в Плюсе, потом в поиске и везде).

Но суть не в этом. По теме статьи, параллакс попадается реже. Примерно на том же уровне, что и Drag-n-Drop файлов — тот кое-где и этот кое-где, на 2-3 популярных и ряде мелких сайтов.

[Mid]

так назовите же

[TheShock]

Блин, а ведь оно подтормаживает даже в Хроме…

[ngreduce]

Проверил IE9 и Opera 12 Beta. Вы не поверите, все идеально.
Уже подумываю обратно на оперу перелазить.

[shimapa23]

у меня в хроме все идеально (Версия 19.0.1084.54, MacOS 10.7.4)

[philpirj]

Самое главное («изменение видимого положения объекта относительно удалённого фона в зависимости от положения наблюдателя» по Википедии) потерялось.

[tagir_valeev]

По-моему, неудобно и раздражает…

[PSyton]

Возврат с 4 на 3 (на демо), как мне показалось, глючит (Google Chrome) — не до конца «уезжает», да еще и меню не обновлется.

[raduzhka]

Мне одному кажется, что это не совсем параллакс?

[Orgasm]

Нас уже, минимум, двое.

[tarantul85]

Функциональности в вашем параллаксе — ноль. А ощущение тормознутости сайта + 189%.

[yurik417]

Автор поста — лишь перевел, а вот автору оригинала следует конечно еще поработать над функционалом и в первую очередь над универсальностью.

[serega011]

Вот еще интересная, но сложная реализация www.marcusthomasllc.com Правда тут разные блоки могут двигаться с разной скоростью.

[firefish]

В Opera 12 Beta не скролится.

[serega011]

Не хочу обидеть фанатов Opera, но сайт вроде американский, а там мало заботятся о опере, хорошо это или плохо — вопрос другой.
Когда у меня была задача скопировать эффект с этого сайта — у заказчика вообще требование было, чтобы работало хорошо только в хроме, об остальных браузерах можно было не заботится, хотя в FF и в новых IE вроде работало. В опере честно говоря я не проверял.

[drakmail]

Спасибо за статью, как раз делаю сайт с параллаксом.

[Squier]

Мне одному кажется, что эффект неудобен пользователю?