Метод хорош для простых ситуаций. Но в ситуациях посложнее, вероятно, всё-таки придется править и пересобирать SASS-исходники.
Пример из жизни: я хочу изменить цветовую гамму бутстрапа - ну вот эти все кнопочки и всё такое. Переопределить все цвета поверх - задолбаешься! Дело в том, что самих-то цветов там хоть и немного, но используются они в нескольких сотнях мест. И это не гипербола, реально несколько сотен. Разные элементы, да помножить на типы (primary, secondary, danger...), да помножить на кучу состояний (hover, active, disabled, readonly...) - это чокнуться можно.
Нет, это не то, что хочет автор.
Автор хочет, чтобы карточки выравнивались по высоте, но в пределах одного ряда (а Сафари уравнивает их глобально, судя по картинке).
А флекс-старт сделает их разными.
Вузовское образование сильному программисту нужно. Согласен с тем, что КПД наших вузов оставляет желать лучшего и, тем не менее, оно полезно (если мы говорим о мало-мальски приличном вузе, а не говнотехникуме). Покажите мне людей, которые дома по интернету изучат матан, дискретку, теорвер или сраную линейку.
Сейчас все зациклены на технологиях и инструментах и практически полностью забили на фундамент. У меня уже развлечение такое есть - спрашивать у программистов с профильным образованием, зачем нужно преобразование Фурье. Очень большой процент вообще не знает, что это. Я не говорю, что все должны знать назубок теорию с выводами и доказательствами, но хотя бы в общих чертах, что это такое и зачем - программер с дипломом знать обязан! Потому что это одна из фундаментальных вещей, которая реально применяется в куче областей. И да, я сталкивался с этим в реальной практике.
Ну да, при условии, что размеры всех текстов так или иначе привязаны к корневому размеру - через em, rem или проценты. Собственно, обычно оно так и должно быть. И тогда ставим бОльший кегль для элемента html и всё пропорционально увеличивается.
Другой вариант - все размеры в пикселях, но под капотом в препроцессоре они все равно как-то завязаны на корневой размер. Тогда технически методы чуть другие, суть та же.
Ну а если все размеры захардкожены - ну сам виноват, страдай :)
Pavel Ustyugov: Нет.
Ну то есть освоить-то можно и это будет вполне нормальный уровень для решения многих практических задач. Но это нельзя назвать глубокими знаниями. Это будет уровень ремесленника (совершенно не вкладываю в это слово уничижительного оттенка).
"Глубокие" или как еще говорят "экспертные" - это фундаментальный теоретический бэкграунд + богатый практический опыт (включая смежные области!), которые позволяют разбираться в подкапотных нюансах, понимать взаимосвязи, уметь предвидеть последствия решений, понимать не только как оно работает, но и почему именно так, и тд и тп.
Зачем - понятно.
Сейчас существуют несколько решений для конвертации шрифтов (я имею в виду вообще существуют - не обязательно в опенсорсе). Но ни одно из них нельзя назвать идеальным, везде есть погрешности.
И появление ещё одного как минимум никому не повредило бы, а как максимум, возможно, дало бы нам новый хороший инструмент.
Но это теория.
На практике задача обширная и сложная - её невозможно решить вот так мимоходом, в режиме хобби, с нулевыми исходными знаниями по теме. С вероятностью 99,(9)% автор вопроса всё забросит на ранних стадиях реализации.
Если с gzip-ом - в большинстве случаев пофиг, разница мизерная.
К тому же у автора вопроса никакого размашистого форматирования нет - разница только в переводах строк.
Хотя я верю, что можно найти ситуации-исключения, типа какого-то мегапортала, где CSS-кода многие сотни килобайт.
Рисовать столько, сколько нужно :) Тут нет единого рецепта. Зависит от контента, лейаута и бюджета, конечно. Если бюджет позволяет, то желательно 4 шт - телефон, планшет, ноут/малый десктоп, большой десктоп.
По поводу марджинов - там тоже возможны варианты. И да, их тоже можно вычислять. А как думал, в сказку попал что ли? :)
Вообще, хочу сказать, что адаптивность многими понимается довольно примитивно. Типа, написал пару медиа-запросов, пару колонок в столбик перестроил - опа, вот сайт и адаптивный.
Хорошая, качественная, продуманная в деталях адаптивность - это сложно и долго. По моим личным впечатлениям, это где-то в три раза дольше, чем сверстать простой резиновый лейаут (резиновый - это который тупо тянется в ширину, но никак не перестраивается).
https://en.wikipedia.org/wiki/Superellipse