[Перевод] DRY CSS: Как использовать каждое объявление только один раз

Скрипты и советы | 1 декабря 2020 1 150

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании ДомКлик, CSS, Клиентская оптимизация, front-end, css, optimization, dont repeat yourself,




Использование DRY в CSS — это способ максимально избегать повторения в таблицах стилей. Этот подход не панацея, но он достаточно эффективен и является одним из основных методов оптимизации. Поскольку я использовал и изучал его почти 10 лет, в этой статье хочу поделиться своим опытом и знаниями.

А если вам будет интересна тема оптимизации CSS, то я рассказал об основах в моей небольшой книге "CSS Optimization Basics".
Читать дальше →
Мой опыт первого принятого коммита в open source

Мой первый персональный компьютер на Windows Millenium Всем привет. Меня зовут Максим Дзюбак. Я начинающий программист....

Подробнее
Angular, инкапсулируй это

Добрый день. В данной публикации хочу рассмотреть механизм работы стилей в Angular, поделится своим опытом и виденьем...

Подробнее
[Перевод] Наиболее эффективные методы улучшения Core Web Vitals

На протяжении многих лет сообщество веб-разработчиков накапливало знания об оптимизации производительности...

Подробнее
Азы поисковой оптимизации для веб-разработчика: прокачиваем SEO с помощью кода и здравого смысла

Привет, Хабр! Поисковая оптимизация обычно ассоциируется только с производством контента, а роль веб-разработчиков в...

Подробнее
Ох уж эти CSS-переменные

Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные,...

Подробнее
[Перевод] Основные принципы маскирования в CSS

В мире дизайна маскирование является популярной техникой реализации уникальных эффектов. Будучи дизайнером, я сам...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями