Мне кажется в примере с wrapper max-width всегда будет 780px и функция min не будет работать, т.к. fallback свойство надо писать сначала, а потом уже новинку. Разве не так?
Расчитать его можно самостоятельно или с помощью сервиса. Подробнее про это рассказываю в отдельном ролике про clamp функцию ruclips.net/video/eEy3846ZHdw/видео.html Сервис для расчета: min-max-calculator.9elements.com/
а какие пользователи будут так елозить браузер туда-сюда? Плавность эта никому не нужна. Юзер включает устройство с конкретным размером экрана. Для этого есть брейк-поинты. Согласен, что так верстать может быть чутка удобнее. Но плавное изменение размеров экрана - крайне редко используется в жизни.
Суть в другом. Можно задать два значения: большее и меньшее, и размер будет меняться от большего экрана к меньшему. Демонстрация с изменением размера экрана в видео уроке сделана чтобы наглядно продемонстрировать работу ф-ии clamp(), а не потому что так смотрят пользователи.
Мне нравится, как вы объясняете. Все понятно, и без лишней "воды".
Спасибо за наглядные примеры, обязательно начну применять эти функции 👍
Спасибо большое за видео! Очень полезный контент, сразу много медиа запросов просто автоматически снимается при такой записи. Не зря серфила Ютуб))
Как же здорово ты объясняешь!
Больше подобного! Огромное спасибо, так дышать легче стало, очень классные фишки)
Прекрасно, просто прекрасно. Теперь будет легче верстать и медии делать буду меньше. Спасибо.
Прикольненько. Еще бы в конце показать доступность на других браузерах, что бы не гуглить.
Дикокрутая штука. Спасибо! 😮
Спасибо за видео, приятные и полезные нововведения.
Спасибо! Всё кратко и максимально понятно!
Материал 🔥! Спасибо, было интересно
Благодарю за классное видео
Спасибо, будем пользовать 😊
Спасибо за видео
Мне кажется в примере с wrapper max-width всегда будет 780px и функция min не будет работать, т.к. fallback свойство надо писать сначала, а потом уже новинку.
Разве не так?
5 лет ждали. Всё... конец, ха-ха... конец страданиям и мучительной жизни.
это новые функции появились ? а что по совместимости с разными браузерами?
min и max по 98%, clamp - 95% по Can I Use. Можно смело использовать.
А как же VW VMAX высчитывается ?
Такой вопрос, вы подставляете в clamp какое-то значение в vw , как понять какое значение следует подставлять ?
Расчитать его можно самостоятельно или с помощью сервиса. Подробнее про это рассказываю в отдельном ролике про clamp функцию ruclips.net/video/eEy3846ZHdw/видео.html
Сервис для расчета: min-max-calculator.9elements.com/
Будут проблемы с производительностью если писать сайт полностью на таких функциях?)
Нет
А что за расширение используется?
для показа браузера в соседней вкладке редактора
Live Preview
@@WebCademy спасибо)
а какие пользователи будут так елозить браузер туда-сюда? Плавность эта никому не нужна. Юзер включает устройство с конкретным размером экрана. Для этого есть брейк-поинты. Согласен, что так верстать может быть чутка удобнее. Но плавное изменение размеров экрана - крайне редко используется в жизни.
Суть в другом. Можно задать два значения: большее и меньшее, и размер будет меняться от большего экрана к меньшему.
Демонстрация с изменением размера экрана в видео уроке сделана чтобы наглядно продемонстрировать работу ф-ии clamp(), а не потому что так смотрят пользователи.
@@WebCademy я примерно уловил суть. Спасибо