@dom1n1k, я с вами частично согласна и дабы достичь понимания с заказчиками лучше просто всегда в подробностях выяснять как, где и что должно выглядеть. А так, да, понятия как бы есть, но их как бы и нет, поскольку больно уж размыты все эти вещи и мало кто разницу чувствует. Достаточно просто понимать, что сейчас сайты, сделанные хорошо, должны смотреться отлично на любых устройствах с любой шириной экрана и в любых браузерах.
Согласна с той лишь поправкой, что для простых сайтов без отдельных заморочек на UI, UX для девайсов и где цель стоит просто тупо сделать, чтоб на мобильнике смотрелось хорошо и нормально функционировало - бутстрап вариант гораздо лучший, чем отсутствие фреймворка как такового.
>> Пока что мне это кажется дико неудобным, но посмотрим.
Когда появился респонсив это был переворот мышления для девелоперов, так что вполне ок, что это кажется неудобным, попользоваться какое-то время и неудобным будут казаться высчитывания пикселов. Часть заказчиков, кстати, как раз не осилили еще того, что адаптивность и pixel perfect - вещи едва ли не противоположные и частично взаимоисключающие - переворот мышления у них не случился, поэтому таким лучше на начальных этапах пояснять, что pixel perfect при полной адаптивности лишь перегрузит сайт кучей стилей порой совсем не нужных. Я лично мобильные мокапы те же использую чисто для вдохновения и понимания как надо чтобы сворачивалось, но никакие пиксели там, конечно же, не высчитаются.
>> Да, конечно, указаны диапазоны, но проблема в том, что сделано pixel perfect под 320, 480, 568, на всем остальном, что отличается хоть как-то оьязательно что-то едет/вылазит и прочее.
Адаптивность это всегда минимизация (!) фиксирования величин, максимум возможно использование min-width, max-width кое-где и то аккуратно, ширина же в пикселах не задается, задается процент.
>>Так если у нас будет куча брейкпоинтов с нестандартными цифрами, то смысл их выность в переменные?
Они не то чтоб выносятся, просто упрощается миксином синтаксис, в переменную выносится query и value обычно, тогда можно писать нечто вроде
@include respond-to(max-width, 600px) вместо обычного @media (max-width: 600px) каждый раз, но тут да, вопрос привычки, в препроцессинге органичней смотрится вариант с инклудом.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.