Comments 12
А в чистом CSS есть циклы?
Спасибо за перевод и проделанную работу.
Есть над чем подумать и что внедрить.
В конечном итоге возвращаемся к тому с чего начинали - к основам.
Спасибо за финальные плюшки и примеры. Но в целом статья о "Вам не нужны никакие фреймворки -- напишите свой"
Промежуток в 1ch между словами ощущается естественно, потому что это буквально ширина одного символа. Когда размер шрифта меняется, отступы пропорционально масштабируются.
Вместо того чтобы спрашивать «это планшет?», они спрашивают: «достаточно ли места для 100 символов текста?» Это семантично. Это основано на контенте.
Это работает хорошо, если загрузка шрифтов сделана надёжно. У каждого шрифта 1ch это своя величина. Может может быть очень сильный layout shift во время подгрузки. Шрифт не загрузился - десктоп, загрузился - планшет.
Появился кстати tailwind fluid который сокращает количество классов путем добавления clamp. А в остальном здорово что это все можно использовать на проде. Правда css становится с каждым разом сложнее. Я очень долго ждал псевселектор :has, а по факту теперь редко про него вспоминаю. Кроме добавления nested css, особо не чувствую революции. Без всего этого можно реализовать дизайн спокойно. В очередной раз пытаются обосрать tailwind, а по факту несмотря на изобилие css плюшек так и никакой популярной альтернативы не появилось. Чтобы превзойти атомарность утилитных классов нужно все собирать, линтить (убирать мусор, Крит стили) короче на чистом css писать все равно будет не выгодно. Не забудьте про утилитарные функции слияние классов для компонентов и т.д.
Разработчтки: выдумывают и навязывают bootstrap, webpack и тд, говорят как это круто.
Также разработчики: ванильный css это класс.
Что с вами не так
В любом случае никакие препроцессоры не вводят функциональности, которую нельзя так или иначе получить с помощью Vanilla CSS. Вопрос исключительно про объём рутины. И вот в этом современный CSS сильно приятнее его же десятилетней давности.
Vanilla CSS — единственное, что вам нужно