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

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

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




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

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

В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать...

Подробнее
Как правильно оптимизировать разделы каталога в интернет-магазине: пошаговая инструкция

Категории, они же разделы каталога, порой играют ключевую роль в продвижении сайта. Сюда посетители заходят напрямую из...

Подробнее
Введение в поисковую оптимизацию

В свете глобальной борьбы со спамом, пиаром, seo и прочей рекламой, многие стали боятся использовать эти инструменты во...

Подробнее
Лекция Виталия Харисова «10k»

Виталий vithar Харисов — один из ключевых разработчиков и руководителей Яндекса. На московском Я.Субботнике по...

Подробнее
[Из песочницы] 5 Flexbox методов, о которых вы должны знать

Flexbox является стандартом CSS, оптимизированным для проектирования пользовательских интерфейсов. Используя различные...

Подробнее
[Перевод] 7 советов по оптимизации CSS для ускорения загрузки страниц

В современном вебе, время загрузки страницы сайта — одна из важнейших метрик. Даже миллисекунды могу оказывать огромное...

Подробнее

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

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

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

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

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

https://t.me/tcsecms/

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