Адаптация сайта под мобильные устройства за 10 минут | Адаптивная верстка | Медиа запросы css3

[@REDGroup]

🔥 Более полное видео про адаптацию - kzbin.info/www/bejne/qpesqJ9vqq9rnrs

[@qwerty-if6mb]

Всегда думал что адаптивная вёрстка это очень сложно, и непонятно, но посмотрев это видео, всё оказалось намного проще. Спасибо за видео.

[@Duh280]

За мотивацию джуниоров огромное спасибо!🫶🔥

[@ВасяРжавый-в9п]

Было бы интересно посмотреть урок про git и github,спасибо тебе за труды

[@kenn2ki]

Их куча на просторе интернета

[@Evgeny..]

​@@kenn2kiкак и по верстке

[@alexmiller7378]

Я думаю это методом тыка можно понять

[@romashubin2422]

Просто супер, очень полезно

[@vsenikiperebral1751]

Привет! Я такую технику через панель разработчика недавно у одного индуса подхватил. Очень удобно стало алаптировать. Еще когда то попадался ролик в sass через mixinы адаптировать. Но у меня не вышло 🥺 Если будет желание, сними плз подробный ролик про эту технику. Там по идее совсем интересно 👍

[@Олег-э5х4ш]

Что за техника и что за видео, как его найти? Скинь ссылку или название видео или техники, спасибо заранее.

[@milana4818]

Очень полезное и интересное видео. Тема раскрыта довольно понятно. Хотелось бы больше таких видео! Спасибо большое!

[@oraz_mah]

Красава!!!

[@ЭдриаӇ̄]

Спасибо за ролик, ах*енное объяснение!

[@imqrffeyhd]

Спасибо за видео

[@alexgyryanov627]

Я пару раз занимался адаптивом. Стараюсь скрыть display none все ненужные секции и занимаюсь одной. Там с помощью с clamp min max делаю адапив на все варианты, потом скрываю секцию и дноаю следующую. Но это нифига не просто, особенно, когда многе перестраивать нужно. Кайфа не испытал😊

[@МагомедШамилов-й1ф]

Вроде использую те же самые стили что и в Figma макете сайта, но в браузере все какое-то большое🤷‍♂️

[@HaizenGaming22]

Визуально фигма выглядит меньше,уменьшать макет надо

[@aculhan]

пока что моего уровня недостаточно чтобы понять что за классы использует автор, col-span-3 и тд. но могу предположить что это бутстрап

[@ЕвгенийКулижников-ж2ф]

Скажи пожалуйста название темы в VSCode 🙏

[@tryhardsohard11]

Если узнаешь напиши

[@bashkort_erete]

@@tryhardsohard11 tokio night, кажется

[@WireFraud-vv5rw]

узнал?))

[@vadim_romanov]

круто, давай про адаптив на sass теперь

[@ОмурбекМаданов-х7з]

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

[@lonelybosh]

да не, нужно просто влиться в работу. я все изучаю сам дома под моцарта(очень помогает сконцентрироваться :) ) и главное просто втянуться в процесс не отвлекаясь и тогда пойдет результат поэтому начинай заново и пробуй кайфануть peace✌

[@andrewsam224]

Таких много

[@user-yf1of4nu9w]

Чел вёрстку называет программированием 🥸

[@myxamedalzade74]

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

[@REDGroup]

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

[@stbestichhh]

Какой терминал у тебя стоит?

[@REDGroup]

Поддержи видео лайком, 1500 лайков 👍 и я делаю следующее видео! *Видео было отснято раньше нововведений о которых писал в телеге. Скачать 🖥 папку проекта - htmllessons.ru/repositories#storage_file_84 💎 Бонусный урок + ДЗ + Исходник уже доступны по нашей общей подписке в разделе "Видео" на платформе htmllessons.ru/premium

[@Vova_Nesolenov]

5:15 Скажите пожалуйста, что это за божественная тема? 🤤

[@Бензини]

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

[@REDGroup]

Все работает, напишите в чат по поводу конкретных файлов

[@user-rp7ws7on9]

Аа можете делать с анимациям чысы с стрелкой если можете покажите пожалуста

[@zergzerg4844]

Даа, адаптив та еще гадость. Вёрстка летит к чертям и не понимаешь , что происходит со стилями =((

[@РусланГанеев-к3н]

Привет. Почему конструкция ломается на iPhone ? На всех других устройствах все норм но на айфон ломается.

[@autodidactit4492]

Макс, это круто! но пора людей отучать от media в таком количестве, так как есть: clamp, max, min + относительные единицы измерений.

[@saiyajinmodedx4226]

у clamp есть свои значительные недостатки

[@autodidactit4492]

@@saiyajinmodedx4226 приведите пожалуйста примеры

[@dowellkin]

нет, не пора, это разные инструменты для разных целей.

[@autodidactit4492]

@@dowellkin не могу согласится, так как инструмент это всё таки единый, и решает 1 цель. Это точно так же, когда пытаемся определить какой ES лучше, старый или новый. Просто я пока не вижу доводов в пользу большого количества query и повторение кода. Очевидный плюс что, медиа запросы остаются исключительно для описания логики изменений при адаптивных, структурных изменениях и не засоряются техническими строками изменения размеров шрифтов, отступов, полей и т.д. Пожалуйста приведите пример в пользу медиа запросов, чтоб понять минусы новых подходов.

[@Kartoshka721]

@@autodidactit4492ты имеешь ввиду использовать относительные ЕИ чтобы сайт вам адаптировался? Если так, то согласен, но мне кажется без медиа вообще не обойтись.

[@hackerscp1707]

Как адаптировать сайт под сафари?. Я новичок в этой теме но уже работаю. Заказчик сказал что он не так отображается

[@hackerscp1707]

@@WERWOLION Да но как и где проверить сайт для сафари. Специальные сервисы либо слишком дорогие либо с ними проблемы. Я исправил проблему с помощью автопрефиксера(prepros)

[@second-ch4yc]

что делать если едет верстка и приходится через пару пикселей менять значения?

[@REDGroup]

Пересмотреть верстку, значит плохо сделано.

[@Дорама-н2ш]

Почему у меня не работает? Все делаю как показано на видео 🥺

[@СагсагСаб]

Покажи что написал

[@alfiyabebezova3551]

Как анимацию сделать как в видео?

[@revengefallensaratov7546]

Сделал браузерную игру вроде адаптировал под мобилку. Когда вертикальная ориеетация все нормально . Переворачиваешь экран в горизонтальную часть экрана не попадает в зону просмотра и верстка ползет. Как с этим бороться?

[@stormbraker637]

Есть медиа запрос на лэндскейпный режим

[@user-ls5gp4si7k]

Никуя не понял... Но очень интересно... )))

[@You.tube-User-]

Всмысле планшеты 768+? Мой старенький телефон разрешения 2312 на 1080

[@REDGroup]

Это не так работает.

[@inomjonismanaliev5295]

Привет Макс какое расширение используешь для chrome

[@REDGroup]

Привет, minim

[@inomjonismanaliev5295]

@@REDGroup спасибо

[@ВампирСкаирима]

а что по бэму?

[@REDGroup]

В модульных стилях он больше не требуется

[@Lloyd_579]

Видео как сделать верификацию пользователя с помощью номера телефона.

[@dowellkin]

есть куча сервисов, которые это делают и это гипер просто

[@keidi9089]

Добрый вечер! Подскажи как осуществить покупку интенсивов? Инструкция для КЗ не открывает.

[@REDGroup]

Добрый, напишите в наш бот t.me/red_support_bot, мы отправим прямую ссылку

[@lllllllllllllllllllllll918]

афтар красавчик .чётко

[@warpscore]

Вроде и 100 раз адаптивил, все, что адаптивится, а новое или обновляющее подчерпнул, легенда, продолжай в том же духе Стримы по обновленной версии вашего ресурса на Next.js жду с нетерпением

[@REDGroup]

Да, завтра продолжаем. Скоро вас ждут более масштабные ролики, старый Макс возвращается