Подскажи, пожалуйста, какими ты пользуешься скриптами и дополнениями на vscode? Допустим w100 становится width:100; и печать на двух строчках сразу:) Заранее огромное спасибо))
@@Chewiee28 "w100 становится width:100" emmet, а "печать на двух строчках сразу" сама вс код это поддерживает, зажимаешь альт и ставишь курсор левой кнопкой мыши на нужные места, потом печатаешь
Блин, оч круто. Сделал похожую фишку, только менял цвет кнопки при прокрутке, даже сам формулы вывел для подсчёта уровня заливки. Доходчиво и круто, лайк.
Спасибо большое за интересное видео! Мне как начинающему верстальщику очень интересно смотреть такие видео с фишками и подача информации у вас очень лёгкая и понятная! Продолжайте в том же духе!
Видео очень крутое, как и весь контент. Виталий, я без наезда, но могу научить произносить th за 30 минут. Очень легко и просто. Если интересно пиши free of charge
привет, я пишу тебе по след поводу : несколько меяцев назад когда ты в конце видоса спрашивал подсказать что бы сделать, то я написал комент о том, что именно для новичка информация укладывается в голове не в виде тегов и свойств, а именно по разделам - вот набор тегов для меню, вот набор свойств для выравнивания по центру и т.д я рад что ты прислушался к моиму пожеланию снимать видосы конкретно дл каждой фишки, спасибо тебе;) П.С. я думаю ты и сам заметил, что кол-во просмотров выросло в разы, ведь зачем мне смотреть марафон по верстке на 5 часов. если проблема просто в кнопке-бургер ?))
Очень круто объясняешь, но еще круче проговариваешь алгоритм написания JS (чтобы получить это, надо сделать это, что мне для этого нужно - ага) - просто удивительно. Это с опытом придет, или с помощью чего-то надо подтянуть??
Я бы сказал, что это озвучивание просто логики, обычной человеческой, подкреплённое знанием языка. Что верстка, что js, в первую очередь пишутся в голове, а потом уже перепечатываются
@@prosto_razrabotka ответ, который может вогнать в грусть))))) Думал ты ответишь что-то типа "да конечно, чувак, вот книга, читаешь и становишься богом алгоритмов"))))))) Но видать не судьба))
Здравствуйте урок очень классно, Не могли бы показать как сделать появления (плюс анимация) элементов при скролле. На чистом js или с помощью библиотека
@@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
Классное видео, непонятно, почему так мало просмотров
Круто, спасибо !
Спасибо -)
Видео очень крутое, как и весь контент. Виталий, я без наезда, но могу научить произносить th за 30 минут. Очень легко и просто. Если интересно пиши free of charge
Новые ништяки! :3
Ага. И значок у тебя уже поменялся -))
а подпрыгивание элемента при 100% скролле мы превращаем из недокументированного бага в фишку =))
Все юзеры мака на каждом сайте сталкиваются с этой «фишкой»))
thnx a lot
Welcome -)
при 100%-м скроле вниз думаю было бы классно добавить чтоб ещё и стрелочка вверх загоралась оранжевым
Это уже на ваше усмотрение. Все данные у вас для этого есть.
задумка классная, на РС всё работает а вот на андроиде нет. Только круг на пол экрана виден и всё.
Кстати было бы очень не плохо файлики прикрепить
привет, я пишу тебе по след поводу : несколько меяцев назад когда ты в конце видоса спрашивал подсказать что бы сделать, то я написал комент о том, что именно для новичка информация укладывается в голове не в виде тегов и свойств, а именно по разделам - вот набор тегов для меню, вот набор свойств для выравнивания по центру и т.д я рад что ты прислушался к моиму пожеланию снимать видосы конкретно дл каждой фишки, спасибо тебе;)
П.С. я думаю ты и сам заметил, что кол-во просмотров выросло в разы, ведь зачем мне смотреть марафон по верстке на 5 часов. если проблема просто в кнопке-бургер ?))
Не у всех, есть время на 5 часов это верно)
Вот если бы еще это все было на ванильном js вообще цены не было!
Ля, мама мия , яка ляля . Крч, очень классно выглядит . И тупой вопрос : 'Будет видос с обучением Wordpress или как учить нормально "
Что то похожее для отправки формы, очень интересует.
Это как?
Ты красавчег без вопросов =) НО подскажи, что у тебя за кресло плиз =)
Samurai
Добрый день! Подскажите, пожалуйста, плагин для gulp, который может переносить классы из html в scss!
csstractor вроде как то так, загугли
Новая порция годнотищи )
Благодарю)
Очень круто объясняешь, но еще круче проговариваешь алгоритм написания JS (чтобы получить это, надо сделать это, что мне для этого нужно - ага) - просто удивительно. Это с опытом придет, или с помощью чего-то надо подтянуть??
Я бы сказал, что это озвучивание просто логики, обычной человеческой, подкреплённое знанием языка.
Что верстка, что js, в первую очередь пишутся в голове, а потом уже перепечатываются
@@prosto_razrabotka ответ, который может вогнать в грусть))))) Думал ты ответишь что-то типа "да конечно, чувак, вот книга, читаешь и становишься богом алгоритмов"))))))) Но видать не судьба))
@@s9219871110 «нет сынок, это фантастика»-))
крутое видео с крутой идеей
Спасибо
@Просто:разработка а вы ссылку на git не даете? просто svg хотел вытащить
Здравствуйте урок очень классно,
Не могли бы показать как сделать появления (плюс анимация) элементов при скролле.
На чистом js или с помощью библиотека
Если нужно сейчас, то забейте "анимация при скролле" на yt
а в какой программе вы работаете?
топчик!!!
Благодарю
Побежал внедрять
привет) у мен на компьютере этот метод (плавный скролл) работает, а на ноутбуке - нет)
Самый сложный скролл топ который я видел, но по другому интересно не было бы)
Мне как для новичка не понятна куда нужно поместить код в html, после всего контента или в конце, после всех блоков?
Чем ваш первый вариант отличается от второго?
@@prosto_razrabotka извиняюсь ,напутал. Поместить нужно в body, после основного контента? Еще бы хотелось в розлике услышать про то как он будет работать на мобильной версии.
У меня почему-то и в хроме не работает behavior: smooth. При клике моментально переносит на верх страницы
Тут кстати можно задать стиль для html для плавной прокрутки
ругается на 4 строку в js не пойму что не так const pathLength = scrollUpSvgPath.getTotalLength();
Решила проблему?
Та же фигня, не понимаю почему
Спасибо, большое, но увы, все работает, кроме заливки. Пошел искать ошибку.
Здравствуйте как поменять анимация в телефон Vivo Y17 как у айфон
У меня у одного проблемы? Оранжевый круг кривее серого, по итогу ничего не работает.. Хотя все делал по уроку(
Забейте, я олух..
Сделай пожалуйста видео как frontend разработчику попасть в IBM
привет!
ахха
Я бы попросился к Виталику работать, да сдается мне перетряхивает он там своих миньенов как положено, а Виталик?
+
+
Когда уроки по 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 - большое спасибо за Ваш ответ, Виталий . исправил - и все заработало )))
спасибо за Ваши уроки: просто, интересно и с изюминкой - по ним действительно хочется учиться )))
"просто", "просто", "просто", сомневаюсь, что это свойственно для нормальной речи