Не проще использовать clamp(20px, 17vw, 300px) ?

спасибо, бро!

попробовал и подумал, что кроме текста мне ничего разинить и не надо. На десктопе в финальном брейкпоинте я хочу, чтобы размер текста перестал меняться

У вас в корне неверный подход к адаптивности. Вы думаете, что при изменении размеров дизайн не должен меняться, а это неверно ))) Кто вам это сказал? Как может не меняться дизайн, если вы смотрите с портретного смартфона и с десктопа? Принцип адаптивности в том, чтобы пользователю было комфортно пользоваться сайтом при любом разрешении. А главное в удобстве - это шрифт (потому что сайт в первую очередь рассказывает а во вторую только - показывает). Шрифт должен быть комфортный для чтения. А представьте, какой будет шрифт у вас на ноутах и планшетах? Малюсенький! Зато "все смотрится одинаково" )))

А почему бы просто не написать html { font-size:10px; } И так же все можно будет делить на 10

Спасибо тебе добрый человек!!!)))

привет. подскажи, ты может знаешь как с этим боротся. у меня данные для слайдера образуются динамически через local storage и autoscroll стал, карточки загрузились, dom построен верно, слайдер не идет. как можно решить это?

очень классный подход, спасибо!

нельзя увеличивать масштабом, капец, тогда сразу надо делать на сайте кнопку "для пользователей с плохим зрением" и все подстраивать для них...

Очень интересный подход. До этого видео единственным способом который я знал для создания резиновой вёрстки был писать все размеры не в пикселях, а в vw. Твой подход с rem по сути работает так же(поскольку в обоих способах используется ширина вьюпорта), но rem предоставляет больше гибкости, за счёт того что для текста в теге html можно писать медиазапросы для брейкпоинтов, и rem размеры любого элемента будут пересчитываться исходя из этого размера шрифта. А вообще да, заказчики иногда бесят с их приколами про масштабирование. Распишу более конкретно: - Если брать браузер, то мало того что в нём есть своё масштабирование, так ещё и окно браузера может быть не полностю развёрнуто. Особенно такое любят заказчики(и не только) с макбуками, коих походу большинство. И отсюда вытекает потребность в том, чтобы сайт отображался хорошо на любом разрешении, даже на нестандартных разрешениях(браузера, а не всего экрана). Но минус в том, что если тестировщик посмотрит сайт на разрешении, отличным от разрешения макета, то размеры элементов не будут соответствовать размерам в макте(фигме как правило). Зато сайт пропорционально скейлится. И начнётся холивар о том, какой же подход выбрать. - А если брать масштабирование системы, то тут вообще ничего не сделать

При 150% масштабе происходит увеличение квадрата потому, что вместе с этим происходит якобы уменьшение ширины окна браузера и из-за этого срабатывает медиа запрос на 1024px

Привет! У меня вопрос, если после этого слайдера дальше обычный контент на странице, то его не видно, на последнем слайдер перестает работать скролл по странице. Можно это как-то решить?

А можно ка каждому видео добавлять ссылку на содержание файлов index.html и style.css ?? Было бы намного нагляднее и удобнее и вообще цены бы не было.

Классно используешь сокращения, лайк

Здравствуйте. Формула с ремами для шрифтов - снимаю шляпу. Я начинаю просто этим заниматься. Можете ответить с ремами понятно, но у Вас базовый шрифт 15. Не пойму логики. Я привык что от 10 рх пляски начинаются...

Я в шоке просто вы бог

Как и обещал пример верстки макета с применением данного подхода - kzbin.info/www/bejne/nYOtaWp5jLBnqqc

блин, ну вроде пока круто работает, если прям все зайдет и не будет крэшится, я просто буду в шоке, это реально максимально полезный лайф хак, вы даже не представляете на сколько я благодарен)))) это просто потрясение)))))невероятниший вам респект, очень надеюсь, что сработает эта темка)))

Решение огонь, очень пригодилось🔥

пасиба

а если просто html{ font-size:62.5%};?? это получается 10, удобно считать rem

Как добавить несколько слайдеоров на одной странице?

холосо шо я не пушов у польитику! вініпуг каже Ето всьо неспроста!

Спасибо за видео, очень доходчиво доносите информацию

у меня почему то не работает данный Splide slider. подключил все как на видео, но все равно не работает. пытался по документации подключить, тоже не работает. что делать, как его подключить

Лучший! Спасибо

Искал подобное видео, Спасибо!!!

А можно умножить не на 10, а на сто, чтобы не делить потом опять на 10?

Данный функционал "поэкранного скролла" практичнее реализовать через относительные единицы измерения 100vh. на окно повешать событие по скроллу на 100vh и кнопку соответственно. чисто моё имхо из-за большого количества js кода.

Чуть не уснул.

Залий ще на гітпейджс щоб відразу можна було бачити в браузері

Граница указывается в Макс(1px, 1rem) мин(). Калькулятор использовать нельзя ,он грузит сайт. Вычисления нужно делать через sass

Спасибо, очень вовремя. Успехов в развитии канала).

Можете показать как это в реакте использовать

попробовал сверстать макет по гайду, что-то не получается с блоками при наложении друг на друга, они начинают разъезжаться при медиазапросах, если в них указана ширина не такая, как в функции.

есть плагин, который переводит пиксели в rem по нажатию alt+z, и не нужно самому считать. называется - px to rem

как же вы мне жизнь упростили, спасибо огромное

Хотелось бы видео про полезные миксины

Спасибо за видос, очень круто 👍

лайк!

При данном подходе и контейнер также автоматически уменьшается + не будут работать flex-wrap и grid, т.к. элементы пропорционально уменьшаются, правильно? Получается, что вёрстка абсолютно резиновая, но блоки не будут перемещаться ?

Ставь лайк, если хочешь, чтобы я сверстал макет с применением данного подхода!)

Красавчик! Хороший лайфхак!

Оставляй свое элегантное решение в комментариях!)

Оставляй свое элегантное решение в комментариях!)

Оставляй свое элегантное решение в комментариях!)

круто, спасибо)