Сделайте сайты без стилей великолепными с помощью matcha.css!

Вы когда-нибудь задумывались о том, что начинать новый веб-проект нужно с «чистого листа»?

Blank page

Таблицы стилей браузеров по умолчанию обычно довольно скудные, и может быть неприятно, когда у вас нет чего-то «визуально красивого», когда вы создаете прототипы приложений, статические HTML-страницы, документы, сгенерированные в формате Markdown, и т. д., и не хотите слишком рано вникать в тонкости CSS.

Хорошие новости! У меня есть кое-что идеальное для вас: matcha.css!

Просто добавьте следующее в свой документ и посмотрите, как происходит волшебство:

<link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">

Matcha page

Ничего не делая, мы получили страницу, которая учитывает предпочтения пользователя в отношении светлого/темного режима, красивые шрифты и правильные интервалы. Все это без каких-либо шагов сборки, JavaScript, настройки или рефакторинга. Это потому, что matcha.css использует семантическую стилизацию. Например, он предполагает, что , вложенный в другой , должен привести к появлению подменю/ Существует еще несколько библиотек CSS, но я считаю эту наиболее полной, поскольку она предоставляет дополнительные современные стили из коробки, такие как подсветка синтаксиса, простые макеты, утилитарные классы и т. д.

Кроме того, matcha.css легко настраивается (в нем нет никаких правил типа !important, и даже есть помощник для создания пользовательских сборок) и при этом является обратимым (если вы решите перейти на новый формат, просто удалите таблицу стилей). И последнее, но не менее важное: он абсолютно бесплатный и с открытым исходным кодом!

 lowlighter / matcha

🍵 Библиотека семантических стилей в чистом CSS.

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии