[Из песочницы] Унификация визуальных компонентов. Часть 1. Стили

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

Уроки CSS на Хабрахабре, habrahabr.ru, CSS



Данная статья будет, прежде всего, полезна разработчикам, которые не работают с готовыми наборами компонентов, такими как, material-ui, а реализуют свои. Например, для продукта разработан дизайн, отражающий то, как должны выглядеть кнопочки, модальные окна и т.п. Чтобы грамотно реализовать такую дизайн-систему, потребуется всем её атомам добавлять хорошую поддержку их композиции. Иными словами, нужно добиться того, чтобы любой отдельно взятый компонент мог интегрироваться и идеально вписываться в больший составной компонент. А если он не вписывается, то было бы неплохо иметь простую поддержку его кастомизации. Как бы то ни было, это отдельная большая тема, и, возможно, я вернусь к ней в другой раз.
Читать дальше →
[Из песочницы] Создание Angular 2+ компонентов с возможностью переключения темы

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

Подробнее
[Из песочницы] Способы создания окон PopUp

Введение В данном уроке я не открою тайну для матерых верстальщиков и гуру css, но данная статья будет полезна...

Подробнее
[Перевод] Стилизация однофайловых Vue компонентов

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

Подробнее
Сравнение тяжеловесности популярных библиотек UI компонент для Vue 3

Библиотеки UI компонент популярны и удобны в некоторых случаях, но у них тоже есть обратные стороны. Одно дело, когда...

Подробнее
Reactjs, Material-UI with JSS. Краткий гайд

Доброго времени суток, Хабр! Итак, material-ui — reactJS's фрэймворк, предоставляющий готовые google решения для...

Подробнее
[Из песочницы] Практическое руководство по использованию CSS Modules в React приложениях

Привет Хабр! Предлагаю вашему вниманию свободный перевод статьи «Practical Guide to React and CSS Modules» от Tatu...

Подробнее

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

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

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

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

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

https://t.me/tcsecms

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