Можно было прямо из CSS сослаться на цвет темы (помните, их в Luna было три? синяя, серебряная и оливковая).
Я очень смутно это помню. Осознанно я точно с этим не сталкивался.
Например, всем известный <i> с иконочными шрифтами. Когда-то мне это казалось красивым, сейчас мне красивым кажется использование специально придуманного для этого <svg><use>.
У меня также было. И также отучался использовать <i> для иконок. Но я сторонник того, что семантика должна иметь практический смысл. В частности, если речь идет про HTML, то плюс от семантики заключается в том, что различные технологии позволяют пользователям с ними работать.
По поводу border я намотал на бороду. Буду думать. Спасибо
Спасибо! Как я писал выше, моя цель не показывать одно решение на все случаи. Моя цель показать, что можно "вот так". В моем способе также можно использовать currentColor, а можно все в переменных хранить в одном месте, как и цвет для первой части заголовка.
Что меня заинтересовала в вашем комментарии, это слово "семантика".
Для меня border это граница. А вы border'ом задаёте геометрию/типографику.
Если не сложно, скажите, пожалуйста, в каком году вы стали верстать?
Я начал в 2011г. Тогда приходилось придумывать разные трюки, потому что дизайн был навороченный и возможности CSS были другие. Когда CSS стал развиваться, верстальщики переходили от "нарезки картинок" до "делаем элементы на чистом CSS без картинок". Такая мода была примерно до 2017г.
Я прошел все эти этапы, поэтому для меня в моем способе нет проблем с "семантикой". Для меня border часть блочной модели, отвечающая за геометрию.
Все, дошло. Моя цель поделиться тем, что мне кажется интересным. Я об этом пишу во вступлении. Я не говорю, что мой способ самый лучший. Но я хочу, чтобы о нем узнали, потому что для него есть случаи, когда он может быть полезен.
Немножко сарказмом пахнуло)) Ну да ладно, возможно мне показалось.
Никакого сарказма. Вам показалось. На Хабре есть несколько человек, включая вас, постоянно читающих и комментирующих. Я ценю это.
Так что это вам респект! ;) Да, кое с чем я бываю не согласен (ну у меня свой "верстальный бэкграунд"), но кое-что и я бывает схороню))
Спасибо. Теперь я понял. По моей практике изображения специально подготавливают. В этом случае проблем я лично не вижу. Может вы видите?
Конечно, так было не всегда. Пример с Хабром тот случай, когда мой способ может не подойти. Я же не говорил, что мой способ универсальный и подходит для всего.
Мне не понятна эта фраза "фигачить разметку в структуру кода". Поясните?
Вот как это понимать - В каждом проекте я устанавливаю нужное мне значение... --ds-typography-img-aspect-ratio: 1.78?
Как пример того, как задаются значение для свойств. Если вам не понравился мой пример, то он из моего проекта. Так я задаю стили для изображений, у которых нет атрибута class.
У вас в проекте все изображения с одинаковым соотношением сторон? Серьёзно?
У меня в проектах много, что есть. Есть блоки, где изображения одного размера. Есть блоки, в которых другого размера.
Вы конкретнее сформулируйте свой вопрос. Я отвечу.
P.S. Отдельно хочу поблагодарить вас за чтение моих статей. Вы ни одной не пропускаете. Мне приятно. Спасибо
Как я понял, вы говорите, что можно использовать в ситуация ограничений сразу двух значение (width: clamp(80px, 10%, 300px)). Скажите, пожалуйста, насколько часто вы это делаете?
Моя проблема в том, что я не вижу пользы в практической плоскости. Чтобы мой совет, можно было сразу применить, а не ждать "подходящего" случая.
Если у вас есть пример использования clamp на постоянной основе, то, поделитесь, пожалуйста.
Я забыл ставить ссылку. Вот в этой статье написал, почему не надо ссылкой обворачивать элементы
Так, вы раньше меня начали! Здорово.
Я очень смутно это помню. Осознанно я точно с этим не сталкивался.
У меня также было. И также отучался использовать
<i>для иконок. Но я сторонник того, что семантика должна иметь практический смысл. В частности, если речь идет про HTML, то плюс от семантики заключается в том, что различные технологии позволяют пользователям с ними работать.По поводу
borderя намотал на бороду. Буду думать. СпасибоСпасибо! Как я писал выше, моя цель не показывать одно решение на все случаи. Моя цель показать, что можно "вот так". В моем способе также можно использовать
currentColor, а можно все в переменных хранить в одном месте, как и цвет для первой части заголовка.Что меня заинтересовала в вашем комментарии, это слово "семантика".
Если не сложно, скажите, пожалуйста, в каком году вы стали верстать?
Я начал в 2011г. Тогда приходилось придумывать разные трюки, потому что дизайн был навороченный и возможности CSS были другие. Когда CSS стал развиваться, верстальщики переходили от "нарезки картинок" до "делаем элементы на чистом CSS без картинок". Такая мода была примерно до 2017г.
Я прошел все эти этапы, поэтому для меня в моем способе нет проблем с "семантикой". Для меня
borderчасть блочной модели, отвечающая за геометрию.Поэтому мне интересно, как у вас.
Скажите, пожалуйста, почему?
Все, дошло. Моя цель поделиться тем, что мне кажется интересным. Я об этом пишу во вступлении. Я не говорю, что мой способ самый лучший. Но я хочу, чтобы о нем узнали, потому что для него есть случаи, когда он может быть полезен.
Никакого сарказма. Вам показалось. На Хабре есть несколько человек, включая вас, постоянно читающих и комментирующих. Я ценю это.
Спасибо. Как раз для этого я занимаюсь контентом.
Спасибо. Теперь я понял. По моей практике изображения специально подготавливают. В этом случае проблем я лично не вижу. Может вы видите?
Конечно, так было не всегда. Пример с Хабром тот случай, когда мой способ может не подойти. Я же не говорил, что мой способ универсальный и подходит для всего.
Спасибо. Держусь
Мне не понятна эта фраза "фигачить разметку в структуру кода". Поясните?
Как пример того, как задаются значение для свойств. Если вам не понравился мой пример, то он из моего проекта. Так я задаю стили для изображений, у которых нет атрибута class.
У меня в проектах много, что есть. Есть блоки, где изображения одного размера. Есть блоки, в которых другого размера.
Вы конкретнее сформулируйте свой вопрос. Я отвечу.
P.S. Отдельно хочу поблагодарить вас за чтение моих статей. Вы ни одной не пропускаете. Мне приятно. Спасибо
Иван, я пока не предлагаю, а спрашиваю, что вы имели ввиду. В частности, почему вы использовали слово "хардкодить". Ответьте, пожалуйста
Иван, почему вы говорите "хардодить"? Через пользовательские свойства можно все изменить. Поясните, пожалуйста
Эту мысль совсем не понял. Поясните, пожалуйста, что вы имеете ввиду?
В новой статье расскажу. Должен же я собирать просмотры
Значит не зря готовлю статью. Будет для вас открытие, что [lang] сильно отличается от :lang()
Расскажите, пожалуйста, почему она самая слабая?
Спасибо за ответ
Как я понял, вы говорите, что можно использовать в ситуация ограничений сразу двух значение (width: clamp(80px, 10%, 300px)). Скажите, пожалуйста, насколько часто вы это делаете?
Моя проблема в том, что я не вижу пользы в практической плоскости. Чтобы мой совет, можно было сразу применить, а не ждать "подходящего" случая.
Если у вас есть пример использования clamp на постоянной основе, то, поделитесь, пожалуйста.
Скажите, пожалуйста, что вы ожидали увидеть, прочитав "магия"?
Подскажите, пожалуйста, практический кейс, кроме указания размера шрифта
Указываю элемент, например
h2, к нему добавляю:not([class])и получается так:В HTML элемент будет без атрибута
class.Скажите, пожалуйста, что вы ожидали увидеть под словом "магия"?