TGViewer
React JS React JS @react_tg · 16.2K subscribers
Post #463 4.35K
📌Как писать более чистый CSS: дюжина советов от банальных до неочевидных

Полезная статья о том, как писать CSS лучше
Пару очевидных и не очень фактов из статьи:

• Flex - первый инструмент для работы с макетами, но имеет недостатки.

• Grid позволяет думать о макете в целом и заменяет множество элементов-контейнеров.

• Использование функций min, max и clamp упрощает изменение ширины элементов в адаптивных макетах.

• Aspect-ratio упрощает отображение адаптивных изображений и видео с определенным соотношением сторон.

• Определение пользовательских переменных упрощает использование одного и того же значения цвета в разных местах на странице.

• CSS предоставляет механизм управления состоянием, включая использование псевдокласса focus-within.

• Использование относительных единиц, таких как em и rem, вместо статических значений пикселей может быть более предпочтительным.

• Ориентирование на цвета HSL упрощает вычисление красивой цветовой палитры.

📎 Статья

@react_tg
  • 👍 17
  • ❤ 3
  • 🔥 2
  • ⚡ 1
More from @react_tg
  1. Oct 2, 2026🔥 Claude Code теперь можно менять изнутри Anthropic представила Mods: небольшие функции н…
  2. Oct 1, 2026Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙 .pop { view-t…
  3. Oct 1, 2026👨‍💻 Фронтенд с AI: что можно делегировать агентам 5 октября, стартует конференция Podlod…
  4. Oct 1, 2026Совет по JavaScript💡 Легко и правильно отображайте цены.
  5. Sep 29, 2026🌦️ Красивый пример того, как может выглядеть современное приложение на Aspire Команда пок…
  6. Sep 24, 2026Temperature displays Индикаторы - это svg-картинки, параметры которых задаются в JS. https…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →