Каждый из нас, блуждая по просторам сети, порой сталкивается с такой проблемой: информация на сайте полезная и нужная, но вот читать очень трудно. Либо шрифт слишком мелкий, либо фон темный, а текст светлый и быстро устают глаза. В данной статье хочу рассказать о своем расширении для Firefox “Styles Tuner”, которое позволяет настроить цвета и шрифты любого сайта так, как это будет удобно Вам. Под катом демо-ролик и несколько изображений
CSS-стили можно встроить прямо в HTML, импортировать, создать с помощью JavaScript или подключить из отдельного файла. Среди разработчиков хорошим тоном считается использовать последний способ, то есть писать стили в отдельном файле и затем подключать…
Качественная дизайн-система в Фигме всегда учитывает возможные состояния определенных компонентов. Если до появления Global Styles вариант был лишь один — всегда создавать новый компонент для каждого состояния (например текстовое поле может быть default, а может быть focused), то после внедрения стилей многие UI-элементы удалось унифицировать лишь до одного в своей категории, а разнообразие создавать экземплярами, присоединяя лишь новые стили и цвета. Читать дальше →
В этой статье я расскажу как упорядочить цвета в макетах и в уже готовом продукте; как перейти от стилей к токенам (variables), а также поделюсь рекомендациями для тех, кто только собирается внедрять стили и переменные для цветов. Читать далее