❌ Медиа-запросы не нужны в CSS, если писать стили так

#css #webdeveloper #webdev #вебразработка #созданиесайтов #верстка #версткасайта #верстальщик

[fess]

дизайнер офигеет когда увидит что размер шрифта не 30 пикселей на планшете

[TarasovFrontDev]

Представляю диалог:
"
- Дизайн макет подразумевает при разрешении 1024w размер шрифта 18px. Почему у тебя 19px?
- мне было лень написать один медиа и я решил выебнуться динамическим расчётом расчетом шрифта.
- красавчик! Теперь всегда пиши так, чтобы мы не понимали, какой будет размер шрифта при конкретном расширении.
"

[d.nazaratiy]

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

[maltamagistro]

Спасибо, сначала подумал, что не буду её использовать, но вот сегодня пригодилась!

[nvolk]

Офигеть, не знал. Большое спасибо, в будущем буду использовать в своей вёрстке

[pikapikachu]

Ой. Я вообще не понимаю зачем вы велезли у меня в шортсах, я не программист.. видимо Ютуб решил что среди тонны гиков в комментариях надо закинуть одного обычного чтоб он подметил что вы просто великолепно выглядите ❤

[toprogramm]

Неплохое решение. Для примерных дизайнов это идеально)

[TrofikBossIT]

Да, как верстальщику не хочется всё прописывать. Лучше использовать какой-то странный способ, который возможно не работает на некоторых браузерах(старые версии)

[danielcalmie]

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

[alites]

Спасибо, большое, до этого только бутстрапом обходился, но теперь есть это

[faxtel]

Воу, сколько верстаю, а этого не знал. Спасибо, буду использовать

[palach_]

Спасибо больше, давно уже искал эту функцию)

[flierfg]

Очень классно. Жду еще больше такой рубрики ❤❤❤

[andreynegodin]

Если дизайнер скинул 3 варианта макета, надо придерживаться этих вариантов точно, использование viewportов и не кроссбраузерной технологии вряд ли хорошая идея

[feodoraxis]

Круто, не знал о такой функции! Теперь буду использовать :)
Еще как альтернативу можно использовать такой код: font-size: calc(1.2rem + 1.5vw)
Но выглядит, конечно, не так наглядно :)

[АлександрСибирский-гэ]

Давно не занимаюсь, но, подписался 😅

[vladimirfesenko]

Прикольно. Буду пользоваться. Спасибо.

[Atractiondj]

Все примеры с использованием clamp почему-то состоят только из 2 слов. Напишите нормальный заголовок из 75 символов что бы был скажем в 3 ряда и попробуйте и увидите что ничерта это не адаптив и все ровно придется править медиа запросом.

[ИванИванов-убл]

Ну объективно фишка полезная, но медиазапросы не заменит) Если верстать что то хоть чуть более сложное чем учебный макет на 3 секции, без медиазапросов никуда

[mexvision-]

выносим размер шрифта в нативную переменную css, изменяем ее медиа запросами. Используем эту переменную в местах где это необходимо. clamp прикольная штука, но с моего опыта, четко заданные размеры гораздо лучше, так как очень редко используются тупо простыни текста, как правило они идут в комбинации с иконками, стрелочками, выпадашками и т.п. Их тоже надо адаптивить. И в определенный момент, ты понимаешь что дизайн начинает сыпаться, так как пропорции теряются. А вообще, всему свое место. Если это решает проблему и сокращает время разработки, то юзайте что душе угодно. В любом случае, знание еще одного свойста лишним не будет.