Дизайнер учит JS 🤖

@reactdesign Нравится 0
Это ваш канал? Подтвердите владение для дополнительных возможностей

Будем говорить про JS, автоматизацию рутины в работе, написание плагинов и взаимодействию с разработчиками. Если вам есть что рассказать или предложить пишите @andexds.
Гео и язык канала
Россия, Русский
Категория
Дизайн


Гео канала
Россия
Язык канала
Русский
Категория
Дизайн
Добавлен в индекс
07.05.2018 18:17
16 May 2018, 16:30 (925 дней назад)
​​Плагин Color Brightness

Предистория
Когда мне нужно было разместить полупрозрачный текст или иконку на однородном фоне, обычно я использовал белый с прозрачностью. С текстом это прокатывало на ура, но с иконками видно, что выходит «грязно». Цвет не такой сочный, как хотелось бы. Решение простое, нужно брать цвет фона и делать его ярче. Но вручную это делать крайне муторно, особенно, если иконок много, а фоны разного цвета. Нужно подбирать яркость, чтобы все иконки выглядели одинаково.

Решено было написать плагин. Основные функции я написал за день, два дня упрощал код и добавил функцию выбора степени яркости вручную. Вся суть плагина в том, что я перевожу RGB цвет в HSL и меняю параметр L. В итоге мы получаем текущий цвет в нужной яркости.

Если у вас есть идеи как улучшить плагин или вы найдете касяки (а скорее всего вы их найдете), пишите, буду очень признателен.

Ссылка на плагин
https://github.com/andex/ColorBrightness
🔥 5
💩 1