CSS-o-Gram

аккуратно, наглядно, быстро - как SSG, только мирно

Посмотреть проект на GitHub

CSS-o-Gram (CSSG) - это “диаграмма CSS”, по своей сути - комментарий в CSS файле, описывающий структуру сущности, к которой применяются стили. Сущность может быть элементом, блоком или проектом.

Это ваш верный спутник в большом проекте и помощник для ваших коллег, если вы работаете в команде. Порог вхождения минимален - используется привычный синтаксис и несколько логичных правил.

Для кого и для чего

  • Лучшее структурирование кода и понимание чужих спецификаций.
  • Инструмент общения с коллегами или разработчиками, далекими от фронтенда.
  • Выявление потенциальных “узких мест” в верстке (уровень вложенности, количество классов и т.д.)
  • Упрощение дебаггинга и рефакторинга.
  • Это просто красиво!

Как начать

Ознакомиться с первой частью спецификации CSSG. Если все просто - пробуйте и изучайте вторую часть. А здесь памятка по синтаксису.


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

comments powered by Disqus