😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

Лайк?)

Вот так и надо работать! всегда с улыбкой )))

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

Спасибо за такой крутой урок)))Необычно и эффектно)

Спасибо большое за ваши труды👏 Очень полезно, понятно и качественно подано 👍

Отлично!!! Показывайте больше таких фишек :))) спасибо за ваш труд

Блин, оч круто. Сделал похожую фишку, только менял цвет кнопки при прокрутке, даже сам формулы вывел для подсчёта уровня заливки. Доходчиво и круто, лайк.

Интересный урок, спасибо!

Ахриненно получилось! Думал, как сделать с этой заливкой при скроле расчет. Из-за нехватки знаний js не получалось. Теперь понял. Срочно, лайк!

Сутки спустя перспал с полученной информации,сегодня пересмотрел всё заново и всё встало на свои места,спасибо!)

Спасибо больше. Полезно. То что надо!

Спасибо большое за интересное видео! Мне как начинающему верстальщику очень интересно смотреть такие видео с фишками и подача информации у вас очень лёгкая и понятная! Продолжайте в том же духе!

Спасибо, огромное) Очень круто!

Спасибо за видео) Классная рубрика!

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

Спасибо, очень интересно

Спасибо, мне очень сильно понравилось!!

Очень полезно, большое спасибо! ^^

согласен с комментариями ниже! очень интересный и поучительный формат. Спасибо автору)

Спасибо, очень полезно!

Вот это офигеть крутая штука получилась! Взял себе на вооружение)))

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

Я как обычно половину не понял но очень интересно. Лайкос однозначно!)

Обожаю 🔥

Спасибо!

спасибо за данный видеоролик!

Круто, спасибо !

Видео очень классное, но для новичков очень мало объяснений что и откуда взялось ;)

Спасибо

Виталий так позитивно настроен, оттого ещё приятнее смотреть его видео)) спасибо за видео !

На заметку: behavior: smooth не поддерживается в сафари.

Новые ништяки! :3

Ля, мама мия , яка ляля . Крч, очень классно выглядит . И тупой вопрос : 'Будет видос с обучением Wordpress или как учить нормально "

Гребаный волшебник😅👍👍👍👍👍

Здорово

Видео очень крутое, как и весь контент. Виталий, я без наезда, но могу научить произносить th за 30 минут. Очень легко и просто. Если интересно пиши free of charge

Ты красавчег без вопросов =) НО подскажи, что у тебя за кресло плиз =)

prosto neveroyatno ya dumayu cto eto prosto filosofiya

Всё очень круто. Но только кнопка подписка мешала смотреть на кнопку. Спасибо за урок. Удачи вам!

привет, я пишу тебе по след поводу : несколько меяцев назад когда ты в конце видоса спрашивал подсказать что бы сделать, то я написал комент о том, что именно для новичка информация укладывается в голове не в виде тегов и свойств, а именно по разделам - вот набор тегов для меню, вот набор свойств для выравнивания по центру и т.д я рад что ты прислушался к моиму пожеланию снимать видосы конкретно дл каждой фишки, спасибо тебе;) П.С. я думаю ты и сам заметил, что кол-во просмотров выросло в разы, ведь зачем мне смотреть марафон по верстке на 5 часов. если проблема просто в кнопке-бургер ?))

Новая порция годнотищи )

А технические стримы планируешь? Просто есть один мелкий (но нетривиальный) вопрос по CSS

отличное видео! только не понятно, где в content взялась стрелочка? где её берут?

Классное видео, непонятно, почему так мало просмотров

thnx a lot

крутое видео с крутой идеей

Кстати было бы очень не плохо файлики прикрепить

топчик!!!

при 100%-м скроле вниз думаю было бы классно добавить чтоб ещё и стрелочка вверх загоралась оранжевым

а подпрыгивание элемента при 100% скролле мы превращаем из недокументированного бага в фишку =))

Здравствуйте урок очень классно, Не могли бы показать как сделать появления (плюс анимация) элементов при скролле. На чистом js или с помощью библиотека

Очень круто объясняешь, но еще круче проговариваешь алгоритм написания JS (чтобы получить это, надо сделать это, что мне для этого нужно - ага) - просто удивительно. Это с опытом придет, или с помощью чего-то надо подтянуть??

Вот если бы еще это все было на ванильном js вообще цены не было!

а в какой программе вы работаете?

Добрый день! Подскажите, пожалуйста, плагин для gulp, который может переносить классы из html в scss!

Что то похожее для отправки формы, очень интересует.

Сделай пожалуйста видео как frontend разработчику попасть в IBM

@Просто:разработка а вы ссылку на git не даете? просто svg хотел вытащить

задумка классная, на РС всё работает а вот на андроиде нет. Только круг на пол экрана виден и всё.

Самый сложный скролл топ который я видел, но по другому интересно не было бы)

У меня почему-то и в хроме не работает behavior: smooth. При клике моментально переносит на верх страницы

привет! ахха

ругается на 4 строку в js не пойму что не так const pathLength = scrollUpSvgPath.getTotalLength();

Спасибо, большое, но увы, все работает, кроме заливки. Пошел искать ошибку.

привет) у мен на компьютере этот метод (плавный скролл) работает, а на ноутбуке - нет)

Мне как для новичка не понятна куда нужно поместить код в html, после всего контента или в конце, после всех блоков?

+

Я бы попросился к Виталику работать, да сдается мне перетряхивает он там своих миньенов как положено, а Виталик?

У меня у одного проблемы? Оранжевый круг кривее серого, по итогу ничего не работает.. Хотя все делал по уроку(

Когда уроки по js?

Здравствуйте как поменять анимация в телефон Vivo Y17 как у айфон

большое спасибо за классный урок - "лайк" однозначно к сожалению, у меня при прокрутке заливка появляется сразу полностью, а не постепенно (как в видео). пожалуйста, помогите найти ошибку - вот код: const ofs = 100; const scrollUp = document.querySelector('.scroll-up'); const scrollUpSvgPath = document.querySelector('.scroll-up__svg-path'); const pathLength = scrollUpSvgPath.getTotalLength(); scrollUpSvgPath.style.strokeDasharray = '$(pathLength) $(pathLength)'; scrollUpSvgPath.style.transition = 'stroke-dashOffset 20ms'; const getTop = () => window.pageYOffset || document.documentElement.scrollTop; // function #1: updateDashoffset const updateDashoffset = () => { const height = document.documentElement.scrollHeight - window.innerHeight; const dashoffset = pathLength - (getTop() * pathLength / height); scrollUpSvgPath.style.strokeDashoffset = dashoffset; }; // function #2: onScroll window.addEventListener('scroll', () => { updateDashoffset(); if (getTop() > ofs) { scrollUp.classList.add('scroll-up-active'); } else { scrollUp.classList.remove('scroll-up-active'); }; }); // function #3: click scrollUp.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); });

"просто", "просто", "просто", сомневаюсь, что это свойственно для нормальной речи