Уроки jQuery практика- как сделать parallax для сайта

preview_player
Показать описание
Мы продолжаем уроки jquery практика и в этом видео я покажу на примере jquery как сделать parallax эффект для сайта своими руками. Уроки jquery практики предполагают ваше личное написание кода что бы в нем разобраться. Практика jquery с моим объяснением проходит легко, быстро и ненавязчиво. Parallax эффект для сайта выглядит очень стильно и интересное решение, которое нужно знать как сделать. Уроки jquery с паралаксом как вы давно просили!
========================================================
И не пропускай новые видео!!!
========================================================
ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
========================================================

========================================================
Рекомендации по теме
Комментарии
Автор

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

JigsawDaMasta
Автор

большое спасибо \ и это без подключения лишних библиотек которые сильно большие по памяти

КоляЗатворницкий-щр
Автор

Да очень хорошие и полезные видео, особенно практики. Спасибо за ваш труд

cyber-eternal
Автор

Это снова я. :) Посмотрел с огромным удовольствием, спасибо за такой контент и за качество его изложения. :) Я обычно такие вещи описываю со всякими "эээ", "аааа", "мммм" и т.д., что неистово бесит и меня самого, и окружающих. В общем, поражает воображение, как Вы пишете код строка за строкой, практически ничего не забывая. Я скажу так: приятно равняться на такого человека как Вы. Удачи в IT-сфере ещё раз, не дрейфьте. :)

subclox
Автор

Спасибо большое! Доходчиво объясняешь (хоть и быстро)

CouRage.
Автор

Хорошо, ты только второй человек по тавтологии, иди дальше, рекорд принадлежит моему преподу, 87 раз "как говорится" \ пару. В принципе как-то так.

LuckyStilet
Автор

Практические примеры, круто. Может сделаете видео как на jQuery сделать горизонтальное выпадающие меню(Как в инт. магазине типу rozetka и can.ua). Особенно интересует, как при перемещении курсора по диагонали, оставаться на выбраной категории.

yevheniikozkin
Автор

Подскажите пожалуйста, очень надо, каким образом сделать только горизонтальный parallax? Убирала var h = $(window).height(); и var offsetY - parallax перестает работать.
Заранее благодарна.

ЮлияЯворская-ещ
Автор

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

kt
Автор

все круто, хотелось бы еще увидеть эффекты при скроллинге без сторонних плагинов )

faqitechnology
Автор

Спасибо! Отличный урок, все получилось. Но на FireFox все элементы резко улетают вверх за пределы экрана, а на Яндекс, Хром и Опера все хорошо. Не знаете в чем может быть дело?

ДенисТищенко-цс
Автор

Какого года у тебя мак?и что лучше взять мак 2011-2012 года или ноут на Винде и поставить хакинтош или юзать Винду?

prmsky
Автор

Привет. Слушай подскажи может знаешь что-нибудь по этому поводу: сделал паралакс на фон, эффект схожий на background-attachment: fixed только на пару пикселей отстаёт от прокрутки. Делал и через .css(), и через .animate(). Столкнулся со следующей проблемой, когда прокрутка осуществляется попиксельно, то есть на мышке с колесиком либо же на якорьных ссылках через анимацию тоже, все супер, но когда скролю на трэкпеде или на тач устройстве чуток подлагивает.
Буду признателен за ответ.
Спасибо за уроки!

anstapol
Автор

Скажи плз свое мнение о pug (препроцессор для html). Уроки по SASS твои посмотрел и вроде оч клевая тема и надо юзать, а вот посмотрел у другого человека о pug и неоднозначные мысли, надо ли себе мозги таким парить? потому что выглядело как египетские символы) Интерестно что Вы думаете по этому поводу)

dimanazdratenko
Автор

Заранее благодарю.
P.s.: За уроки большое спасибо!

ВасилийСвистунов-йж
Автор

Понимаю что не по теме но не мог бы ты расказать какми программами пользуешься на своём мак?)
Ну и например пользуешься ли ты такой программой как CleanMyMac, и почему

anstapol
Автор

Можешь сделать урок по калькулятору цены или какой то фильтр, что то подобное на jquery?

Артур-зье
Автор

Буду признателен если кто то объяснит от куда взята формула: 0.5-е.pageX/w. От куда мы берём цифру 0.5. Зачем мы от неё отнимаем правую часть. И зачем делим положение курсора на ширину w?

АртемКолот-ек
Автор

все быстро, коротко, без лишней болтовни. Очень нравятся ваши уроки

islamlaipanov
Автор

Привет ! Может расскажешь как сделать полноценную галерею с альбомами и возможно реализацию всего этого на сервере с БД ?

landrover