Repolode
Предложить
AllThingsSmitty

AllThingsSmitty/css-protips

Подборка практических советов по CSS: сброс стилей, компоновка, селекторы, типографика и адаптивные размеры с короткими примерами кода.

Открыть на GitHub
Звёзды
30,301
Форки
2,196
Открытые issues
1
Последний коммит
29 дней назад

Что это?

CSS Protips — это поддерживаемая сообществом коллекция коротких практических приёмов CSS для разработчиков, которые хотят писать более чистые и надёжные таблицы стилей. В каждом совете разбирается распространённая проблема и приводится небольшой фрагмент кода, часто со ссылкой на демо.

Советы охватывают самые разные темы: сброс стилей CSS и наследование box-sizing, центрирование элементов с помощью flexbox и grid, использование :not(), :is() и отрицательных селекторов nth-child, задание размеров в rem, em и единицах viewport, а также стабилизацию компоновки с помощью aspect-ratio. В некоторых материалах также рассматриваются вопросы доступности, например стили фокуса и ограничения генерируемого средствами CSS контента.

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

Ключевые возможности

  • 01Охватывает сброс стилей, компоновку, селекторы, типографику и адаптивное задание размеров
  • 02Каждый совет содержит короткий фрагмент кода с объяснением приёма
  • 03К нескольким советам приложены ссылки на работающие демо
  • 04Есть примечания о компромиссах в доступности при использовании некоторых приёмов
  • 05Доступен на многих языках

Сценарии использования

  • Освежить знания CSS, изучив современные приёмы работы с компоновкой и селекторами
  • Быстро найти решение для центрирования, сброса стилей или оформления фокуса в формах
  • Поделиться с командой общепринятыми рекомендациями по CSS
  • Изучить идиоматичный современный CSS после освоения основ

Темы

#css#frontend#web-development#best-practices#flexbox#cheatsheet#accessibility#awesome-list#css-tips#css-tricks

Частые вопросы

Что такое css-protips?
Подборка практических советов по CSS: сброс стилей, компоновка, селекторы, типографика и адаптивные размеры с короткими примерами кода. CSS Protips — это поддерживаемая сообществом коллекция коротких практических приёмов CSS для разработчиков, которые хотят писать более чистые и надёжные таблицы стилей. В каждом совете разбирается распространённая проблема и приводится небольшой фрагмент кода, часто со ссылкой на демо.
css-protips можно использовать бесплатно? Какая у него лицензия?
css-protips распространяется с открытым исходным кодом под лицензией CC0-1.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
css-protips всё ещё поддерживается?
Активно поддерживается. Последний коммит в css-protips — 23 сент. 2026 г..
Для чего можно использовать css-protips?
Освежить знания CSS, изучив современные приёмы работы с компоновкой и селекторами Быстро найти решение для центрирования, сброса стилей или оформления фокуса в формах Поделиться с командой общепринятыми рекомендациями по CSS Изучить идиоматичный современный CSS после освоения основ
Где скачать css-protips?
Исходный код и инструкции по установке — на GitHub: https://github.com/AllThingsSmitty/css-protips

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты