Спасибо вам огромное вот мастхев ваш канал, столько нового узнал хотя и так неплохо верстал, однозначно лайк и подписка. Желаю вам удачи и вашему каналу, спасибо огромное 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥😎😎
Спасибо за дополнительные знания и отличную практику. Я на вашем канале уже почти год и каждый стрим жду как новый сезон отличного сериала! Смотерть и учится ВСЕМ!
Спасибо за интересный мощный и познавательный урок. Закончил делать проект. Все понравилось. Много знаний и фишек узнал новых. Теперь чуть-чуть проще будет работать с данным плагином. Всем рекомендую посмотреть этот материал. И ВебКадеми рекомендую курсы пройти. Юрий лучший. И кураторы на курсах отличные.
Юрий, я нахожусь под полным впечатлением от вашего поучительного подхода к изложению материала. И понятно, что за этим стоит мастерство и большой кропотливый труд. Пусть и дальше бьёт ключом Ваше желание провести такие обучающие уроки.
Очень классное видео, жалко, что сразу не посмотрел. В итоге уже на сборке сверстал 2 сайта, подключал все через cdn, а оказалось все очень легко импортом сделать. И также затронули важную тему с адаптацией по высоте. Я так до конца это не понял, но делал сам также, старался все устройства популярные потыкать, НО тоже не всегда работает, жаль, что там ноубуков маленьких нет. Вообще, было бы классно соорудить какой то гайд из 10-15 устройств по ширине и высоте, чтобы сразу под них делать составные медиа. Потому что нет нет, да вылезает что то неадаптированное.
Доброй ночи. Юрий, у меня разница текста и фоновой картинки на localhost и docs. Как бы меняется размер. Это браузер так отображает? А вообще классная работа. Особенно паралакс и свайпер. Отлично!!! Спасибо, Юрий. Классная школа, отличные курсы.👌👍
Юрий, приветствую, спасибо огромное за крутой урок! В моменте, когда see more вылез за пределы header__content вроде как можно в transform-origin написать left top вместо left bottom, всё также отображается как и в Вашем решении. Вопрос в том, что мб так не очень делать, просто я не знаю о каких-то последствиях? P.S. За уроки реально огромный респект и спасибо! Мало кто выпускает настолько качественный контент сейчас.
Спасибо за комментарий!) transform-origin отвечает за точку трансформации, в данном случае высота элемента небольшая, поэтому левый верхний или левый нижний угол - разница не особо большая и еле заметна.
Здравствуйте, подскажите, пожалуйста, как Вы точно рассчитываете line-height для текста? У меня Фигма прописывает "line-height: normal" в режиме разработчика, а в обычном режиме "auto"...
Доброе время суток у меня появилось желание сверстать адаптивный магазин nft, но не знаю что для этого использовать. Не могли посоветовать сборку. Сложность макета figma - нереальная. В интернете советовали делать на react. Но я не знаю его одного будет достаточно или нужна сборка?
У меня вопрос смотрю ваши старые уроки по вёрстке , как сделать также как и у вас что бы писать английскими символами а оно изменялось автоматически на рус слова? ,просто не удобно каждый раз язык менять
swiperjs.com/swiper-api#param-formatFractionCurrent и formatFractionTotal stackoverflow.com/questions/56044414/change-the-digit-format-pagination-in-the-slider
Если не заморачиваться на js, то можно вот так сделать: .swiper-pagination-current:before { content: "0"; } .swiper-pagination-total:before { content: "0"; }
А если на js, то вот так можно сделать через тернарный оператор в одну строку: pagination: { el: '.slider-controls__count', type: 'fraction', formatFractionCurrent: function (number) { return number < 10 ? '0' + number : number; }, formatFractionTotal: function (number) { return number < 10 ? '0' + number : number; }, },
Добрый день! Огромное спасибо! Скажите, пожалуйста, как сделать так, чтобы слайдер корректно подгружался, а не так, чтобы сначала отображался только первый слайд на весь экран?
Добрый день. Спасибо за комментарий. Что значит корректно? В данном проекте сделали согласно дизайну. В других проектах, в записи стримов, делали другие слайдеры, например с карточками товаров.
@@WebCademy У меня слайдер (в моем проекте) из 3 объектов (3 блока на странице), но при загрузке сначала отображается только один объект на весь экран и через некоторое время только все три. Т.е..я как я понимаю, очень долгая загрузка.
![NOSFERATU - Official Trailer [HD] - Only In Theaters December 25](http://i.ytimg.com/vi/nulvWqYUM8k/mqdefault.jpg)
Спасибо вам огромное вот мастхев ваш канал, столько нового узнал хотя и так неплохо верстал, однозначно лайк и подписка. Желаю вам удачи и вашему каналу, спасибо огромное 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥😎😎
Юрій добрий вечір. Дуже вдячний за срім . Дуже гарна інформація.
Привет!Сегодня закончил верстать по видео!Узнал массу интересной и новой информации!Спасибо за такой контент!С меня лайк и подписка!
Спасибо вам большое, многое понял благодаря вашему контенту
Спасибо за дополнительные знания и отличную практику. Я на вашем канале уже почти год и каждый стрим жду как новый сезон отличного сериала! Смотерть и учится ВСЕМ!
Спасибо. Отличный урок и учебник. Отдельное спасибо за код
Получилось офигенно!
Отличный мастер-класс, спасибо Вам за такой большой труд
Отличный урок. Только что закончил, не без затыков, но прошел. Узнал много нового.
Жду с нетерпением)
Спасибо большое за работу! Благодаря этому уроку я узнал много чего полезного и интересного😉
Отличный мастер-класс! Спасибо большое! Много интересных фишек! Как глоток свежего воздуха! Очень понравилось!😀
Спасибо за урок, особенно за решение багов, очень важно !important
Спасибо за интересный мощный и познавательный урок. Закончил делать проект. Все понравилось. Много знаний и фишек узнал новых. Теперь чуть-чуть проще будет работать с данным плагином. Всем рекомендую посмотреть этот материал. И ВебКадеми рекомендую курсы пройти. Юрий лучший. И кураторы на курсах отличные.
Спасибо Юрий ,вы гений
Благодарю сэнсэй за ваш труд - отличный контент!!!
Юрий, я нахожусь под полным впечатлением от вашего поучительного подхода к изложению материала. И понятно, что за этим стоит мастерство и большой кропотливый труд. Пусть и дальше бьёт ключом Ваше желание провести такие обучающие уроки.
Неля, спасибо за комментарий!) Очень приятно.
Отличная подача!)
сделал не все до конца понятно, но хотя бы общее впечатление получил хорошее😄
Очень классное видео, жалко, что сразу не посмотрел. В итоге уже на сборке сверстал 2 сайта, подключал все через cdn, а оказалось все очень легко импортом сделать. И также затронули важную тему с адаптацией по высоте. Я так до конца это не понял, но делал сам также, старался все устройства популярные потыкать, НО тоже не всегда работает, жаль, что там ноубуков маленьких нет. Вообще, было бы классно соорудить какой то гайд из 10-15 устройств по ширине и высоте, чтобы сразу под них делать составные медиа. Потому что нет нет, да вылезает что то неадаптированное.
Топчик
Доброй ночи. Юрий, у меня разница текста и фоновой картинки на localhost и docs. Как бы меняется размер. Это браузер так отображает? А вообще классная работа. Особенно паралакс и свайпер. Отлично!!! Спасибо, Юрий. Классная школа, отличные курсы.👌👍
Отличная практика для структурирования типа атом в реакте.
Юрий, приветствую, спасибо огромное за крутой урок! В моменте, когда see more вылез за пределы header__content вроде как можно в transform-origin написать left top вместо left bottom, всё также отображается как и в Вашем решении. Вопрос в том, что мб так не очень делать, просто я не знаю о каких-то последствиях?
P.S. За уроки реально огромный респект и спасибо! Мало кто выпускает настолько качественный контент сейчас.
Спасибо за комментарий!) transform-origin отвечает за точку трансформации, в данном случае высота элемента небольшая, поэтому левый верхний или левый нижний угол - разница не особо большая и еле заметна.
а подскажите пожалуйста, а как мы выдернули градиент текста для тайтлов,а то у меня чтото не получилось с фигмы его выцепить
Стрим будет сохранен?
Запись останется
Слайдеры , Как это все напоминает плагины (модули) для Joomla
Старая добрая Joomla)) 1.5 была лучшей)
Здравствуйте, подскажите, пожалуйста, как Вы точно рассчитываете line-height для текста? У меня Фигма прописывает "line-height: normal" в режиме разработчика, а в обычном режиме "auto"...
Не срабатывает кнопка закрытия меню. В чем может быть проблема.
Доброе время суток у меня появилось желание сверстать адаптивный магазин nft, но не знаю что для этого использовать. Не могли посоветовать сборку. Сложность макета figma - нереальная. В интернете советовали делать на react. Но я не знаю его одного будет достаточно или нужна сборка?
React - для SPA. Gulp сборка - для верстки. Я бы выбирал инструменты исходя из задачи.
здравствуйте, можете написать какую тему вы используйте для vscode
в комментах есть ответ PaleNight (MildContrast)
Почему у меня иконок с социальными сетями нет, даже на готовом исходнике?
Стоит блокиратор рекламы.
У меня вопрос смотрю ваши старые уроки по вёрстке , как сделать также как и у вас что бы писать английскими символами а оно изменялось автоматически на рус слова? ,просто не удобно каждый раз язык менять
Программа punto switcher
Спасибо огромное !@@WebCademy
Подскажите , а что у вас за тема стоит в vsc ?
PaleNight (MildContrast)
Почему Sass лучше Less?
Популярнее.
А как добавить 0 к счетчику слайдов? как в макете....
swiperjs.com/swiper-api#param-formatFractionCurrent и formatFractionTotal
stackoverflow.com/questions/56044414/change-the-digit-format-pagination-in-the-slider
Если не заморачиваться на js, то можно вот так сделать: .swiper-pagination-current:before {
content: "0";
}
.swiper-pagination-total:before {
content: "0";
}
А если на js, то вот так можно сделать через тернарный оператор в одну строку: pagination: {
el: '.slider-controls__count',
type: 'fraction',
formatFractionCurrent: function (number) {
return number < 10 ? '0' + number : number;
},
formatFractionTotal: function (number) {
return number < 10 ? '0' + number : number;
},
},
Добрый день! Огромное спасибо! Скажите, пожалуйста, как сделать так, чтобы слайдер корректно подгружался, а не так, чтобы сначала отображался только первый слайд на весь экран?
Добрый день. Спасибо за комментарий. Что значит корректно? В данном проекте сделали согласно дизайну. В других проектах, в записи стримов, делали другие слайдеры, например с карточками товаров.
@@WebCademy У меня слайдер (в моем проекте) из 3 объектов (3 блока на странице), но при загрузке сначала отображается только один объект на весь экран и через некоторое время только все три. Т.е..я как я понимаю, очень долгая загрузка.