Подскажи, пожалуйста, какими ты пользуешься скриптами и дополнениями на vscode? Допустим w100 становится width:100; и печать на двух строчках сразу:) Заранее огромное спасибо))
@@Chewiee28 "w100 становится width:100" emmet, а "печать на двух строчках сразу" сама вс код это поддерживает, зажимаешь альт и ставишь курсор левой кнопкой мыши на нужные места, потом печатаешь
Блин, оч круто. Сделал похожую фишку, только менял цвет кнопки при прокрутке, даже сам формулы вывел для подсчёта уровня заливки. Доходчиво и круто, лайк.
Спасибо большое за интересное видео! Мне как начинающему верстальщику очень интересно смотреть такие видео с фишками и подача информации у вас очень лёгкая и понятная! Продолжайте в том же духе!
Очень круто объясняешь, но еще круче проговариваешь алгоритм написания JS (чтобы получить это, надо сделать это, что мне для этого нужно - ага) - просто удивительно. Это с опытом придет, или с помощью чего-то надо подтянуть??
Я бы сказал, что это озвучивание просто логики, обычной человеческой, подкреплённое знанием языка. Что верстка, что js, в первую очередь пишутся в голове, а потом уже перепечатываются
@@prosto_razrabotka ответ, который может вогнать в грусть))))) Думал ты ответишь что-то типа "да конечно, чувак, вот книга, читаешь и становишься богом алгоритмов"))))))) Но видать не судьба))
Здравствуйте урок очень классно, Не могли бы показать как сделать появления (плюс анимация) элементов при скролле. На чистом js или с помощью библиотека
Видео очень крутое, как и весь контент. Виталий, я без наезда, но могу научить произносить th за 30 минут. Очень легко и просто. Если интересно пиши free of charge
привет, я пишу тебе по след поводу : несколько меяцев назад когда ты в конце видоса спрашивал подсказать что бы сделать, то я написал комент о том, что именно для новичка информация укладывается в голове не в виде тегов и свойств, а именно по разделам - вот набор тегов для меню, вот набор свойств для выравнивания по центру и т.д я рад что ты прислушался к моиму пожеланию снимать видосы конкретно дл каждой фишки, спасибо тебе;) П.С. я думаю ты и сам заметил, что кол-во просмотров выросло в разы, ведь зачем мне смотреть марафон по верстке на 5 часов. если проблема просто в кнопке-бургер ?))
@@prosto_razrabotka извиняюсь ,напутал. Поместить нужно в body, после основного контента? Еще бы хотелось в розлике услышать про то как он будет работать на мобильной версии.
Вам нужен официальный заголовок - Уроки по js? Другой причины я просто не вижу, поскольку последние 5-6 видео и есть практическое изучение js, самых основ.
Я писал - зайти в телеграм чат, а не сюда приложить! -) И нет, вы не всё правильно переписали. В строке с strokeDasharray - используется экранирование. Там угловые кавычки и фигурные скобки
@@prosto_razrabotka - большое спасибо за Ваш ответ, Виталий . исправил - и все заработало ))) спасибо за Ваши уроки: просто, интересно и с изюминкой - по ним действительно хочется учиться )))
😎 Получить исходники и другие преимущества - 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/
Лайк?)
Определенно лайк
Подскажи, пожалуйста, какими ты пользуешься скриптами и дополнениями на vscode? Допустим w100 становится width:100; и печать на двух строчках сразу:)
Заранее огромное спасибо))
безусловный ЛАЙК!!!!!!!!
@@Chewiee28 "w100 становится width:100" emmet, а "печать на двух строчках сразу" сама вс код это поддерживает, зажимаешь альт и ставишь курсор левой кнопкой мыши на нужные места, потом печатаешь
svg бы еще в нормальном формате увидеть, без переносов, а то у меня она не работает.
Просто не понимаю, почему так мало просмотров. Вы - один из лучших по обьяснениям и примерам и не первый раз выручаете. Спасибо огромное за работу :)
Вот так и надо работать! всегда с улыбкой )))
Отлично!!! Показывайте больше таких фишек :))) спасибо за ваш труд
Стараюсь, спасибо -)
Блин, оч круто. Сделал похожую фишку, только менял цвет кнопки при прокрутке, даже сам формулы вывел для подсчёта уровня заливки. Доходчиво и круто, лайк.
Спасибо больше. Полезно. То что надо!
Спасибо большое за ваши труды👏 Очень полезно, понятно и качественно подано 👍
Благодарю
Ахриненно получилось! Думал, как сделать с этой заливкой при скроле расчет. Из-за нехватки знаний js не получалось. Теперь понял. Срочно, лайк!
Спасибо -)
Сутки спустя перспал с полученной информации,сегодня пересмотрел всё заново и всё встало на свои места,спасибо!)
О! Это круто! -))
Спасибо большое за интересное видео! Мне как начинающему верстальщику очень интересно смотреть такие видео с фишками и подача информации у вас очень лёгкая и понятная! Продолжайте в том же духе!
Благодарю
Виталий так позитивно настроен, оттого ещё приятнее смотреть его видео)) спасибо за видео !
Приятно слышать -)
Спасибо за такой крутой урок)))Необычно и эффектно)
Братишка, не сбавляй обороты, ты красавчик, приятно слушать
Видео очень классное, но для новичков очень мало объяснений что и откуда взялось ;)
Гребаный волшебник😅👍👍👍👍👍
Я только учусь -))
prosto neveroyatno ya dumayu cto eto prosto filosofiya
спасибо за данный видеоролик!
согласен с комментариями ниже! очень интересный и поучительный формат. Спасибо автору)
Классное видео, непонятно, почему так мало просмотров
отличное видео! только не понятно, где в content взялась стрелочка? где её берут?
Спасибо, очень интересно
Интересный урок, спасибо!
Всё очень круто. Но только кнопка подписка мешала смотреть на кнопку. Спасибо за урок. Удачи вам!
Спасибо
Спасибо!
И вам спасибо за просмотр -)
Вот это офигеть крутая штука получилась! Взял себе на вооружение)))
Благодарю -)
Обожаю 🔥
Рад -)
Я как обычно половину не понял но очень интересно.
Лайкос однозначно!)
Спасибо, мне очень сильно понравилось!!
Круто!
Спасибо, огромное) Очень круто!
Прикольная штука, нраицца) Счас добавлю в текущий проект, думаю заказчику тоже вкатит)
Круть!)
Спасибо за видео) Классная рубрика!
Благодарю
Спасибо, очень полезно!
Замечательно -)
На заметку: behavior: smooth не поддерживается в сафари.
Ильгиз Мавлютов не пугай начинающих разрабов, все раб , просто в npm найди полифил для behavior и все раб
Не поддерживается в Safati, Safari на iOS и IE. Однако, есть полифилл. Используй его и все будет. github.com/iamdustan/smoothscroll
Кстати было бы очень не плохо файлики прикрепить
Ты красавчег без вопросов =) НО подскажи, что у тебя за кресло плиз =)
Samurai
Очень полезно, большое спасибо! ^^
а подпрыгивание элемента при 100% скролле мы превращаем из недокументированного бага в фишку =))
Все юзеры мака на каждом сайте сталкиваются с этой «фишкой»))
Очень круто объясняешь, но еще круче проговариваешь алгоритм написания JS (чтобы получить это, надо сделать это, что мне для этого нужно - ага) - просто удивительно. Это с опытом придет, или с помощью чего-то надо подтянуть??
Я бы сказал, что это озвучивание просто логики, обычной человеческой, подкреплённое знанием языка.
Что верстка, что js, в первую очередь пишутся в голове, а потом уже перепечатываются
@@prosto_razrabotka ответ, который может вогнать в грусть))))) Думал ты ответишь что-то типа "да конечно, чувак, вот книга, читаешь и становишься богом алгоритмов"))))))) Но видать не судьба))
@@s9219871110 «нет сынок, это фантастика»-))
Вот если бы еще это все было на ванильном js вообще цены не было!
Здорово
Благодарю
Здравствуйте урок очень классно,
Не могли бы показать как сделать появления (плюс анимация) элементов при скролле.
На чистом js или с помощью библиотека
Если нужно сейчас, то забейте "анимация при скролле" на yt
Видео очень крутое, как и весь контент. Виталий, я без наезда, но могу научить произносить th за 30 минут. Очень легко и просто. Если интересно пиши free of charge
thnx a lot
Welcome -)
Ля, мама мия , яка ляля . Крч, очень классно выглядит . И тупой вопрос : 'Будет видос с обучением Wordpress или как учить нормально "
Добрый день! Подскажите, пожалуйста, плагин для gulp, который может переносить классы из html в scss!
csstractor вроде как то так, загугли
Что то похожее для отправки формы, очень интересует.
Это как?
Круто, спасибо !
Спасибо -)
при 100%-м скроле вниз думаю было бы классно добавить чтоб ещё и стрелочка вверх загоралась оранжевым
Это уже на ваше усмотрение. Все данные у вас для этого есть.
@Просто:разработка а вы ссылку на git не даете? просто svg хотел вытащить
Новые ништяки! :3
Ага. И значок у тебя уже поменялся -))
а в какой программе вы работаете?
задумка классная, на РС всё работает а вот на андроиде нет. Только круг на пол экрана виден и всё.
Новая порция годнотищи )
Благодарю)
крутое видео с крутой идеей
Спасибо
привет, я пишу тебе по след поводу : несколько меяцев назад когда ты в конце видоса спрашивал подсказать что бы сделать, то я написал комент о том, что именно для новичка информация укладывается в голове не в виде тегов и свойств, а именно по разделам - вот набор тегов для меню, вот набор свойств для выравнивания по центру и т.д я рад что ты прислушался к моиму пожеланию снимать видосы конкретно дл каждой фишки, спасибо тебе;)
П.С. я думаю ты и сам заметил, что кол-во просмотров выросло в разы, ведь зачем мне смотреть марафон по верстке на 5 часов. если проблема просто в кнопке-бургер ?))
Не у всех, есть время на 5 часов это верно)
ругается на 4 строку в js не пойму что не так const pathLength = scrollUpSvgPath.getTotalLength();
Решила проблему?
Та же фигня, не понимаю почему
топчик!!!
Благодарю
Побежал внедрять
Сделай пожалуйста видео как frontend разработчику попасть в IBM
Спасибо, большое, но увы, все работает, кроме заливки. Пошел искать ошибку.
привет) у мен на компьютере этот метод (плавный скролл) работает, а на ноутбуке - нет)
Самый сложный скролл топ который я видел, но по другому интересно не было бы)
У меня почему-то и в хроме не работает behavior: smooth. При клике моментально переносит на верх страницы
Тут кстати можно задать стиль для html для плавной прокрутки
Здравствуйте как поменять анимация в телефон Vivo Y17 как у айфон
привет!
ахха
Мне как для новичка не понятна куда нужно поместить код в html, после всего контента или в конце, после всех блоков?
Чем ваш первый вариант отличается от второго?
@@prosto_razrabotka извиняюсь ,напутал. Поместить нужно в body, после основного контента? Еще бы хотелось в розлике услышать про то как он будет работать на мобильной версии.
Я бы попросился к Виталику работать, да сдается мне перетряхивает он там своих миньенов как положено, а Виталик?
У меня у одного проблемы? Оранжевый круг кривее серого, по итогу ничего не работает.. Хотя все делал по уроку(
Забейте, я олух..
Когда уроки по js?
Вам нужен официальный заголовок - Уроки по js? Другой причины я просто не вижу, поскольку последние 5-6 видео и есть практическое изучение js, самых основ.
@@prosto_razrabotka соре, просто недавно с самого первого видео смотреть начал, и еще не дошел до более свежих
+
+
большое спасибо за классный урок - "лайк" однозначно
к сожалению, у меня при прокрутке заливка появляется сразу полностью, а не постепенно (как в видео).
пожалуйста, помогите найти ошибку - вот код:
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'
});
});
Залейте на кодпен и заходите в телеграмм чат, там разберёмся
@@prosto_razrabotka - спасибо за ответ.
вот код, который я набрал по видео:
codepen.io/vklabua/pen/ZEQowbP
на CodePen'е такой же эффект (((
Я писал - зайти в телеграм чат, а не сюда приложить! -)
И нет, вы не всё правильно переписали. В строке с strokeDasharray - используется экранирование. Там угловые кавычки и фигурные скобки
@@prosto_razrabotka - большое спасибо за Ваш ответ, Виталий . исправил - и все заработало )))
спасибо за Ваши уроки: просто, интересно и с изюминкой - по ним действительно хочется учиться )))
"просто", "просто", "просто", сомневаюсь, что это свойственно для нормальной речи