​Как понять режимы наложения раз и навсегда

Ну что, дизайнеры, давайте представим, что вам необходимо выбрать режим наложения для создания очередного потрясающе красивого элемента страницы. Что вы будете делать? Скорее всего начнёте перебирать каждый вариант наложения по списку, пока не найдёте подходящий. Так?

Если вы всё ещё не знаете, чем отличается Lighten от Soft Light или Multiply от Screen, то для вас есть статья, которая доходчиво всё объяснит:

https://awdee.ru/blending-modes/

#ui #design

​​Old but gold: Как понять режимы наложения раз и навсегда

Ну что, дизайнеры, давайте представим, что вам необходимо выбрать режим наложения для создания очередного потрясающе красивого элемента страницы. Что вы будете делать? Скорее всего начнёте перебирать каждый вариант наложения по списку, пока не найдёте подходящий. Так?

Если вы всё ещё не знаете, чем отличается Lighten от Soft Light или Multiply от Screen, то для вас есть статья, которая доходчиво всё объяснит: https://awdee.ru/blending-modes/

#ui #design

​​Интересная библиотека нарисованных от руки UI-компонентов

На сайте собраны кнопки, слайдеры, шаблоны для видеоплеера и другие элементы для сайтов: https://wiredjs.com/showcase

Выглядит очень интересно. Особенно, если совместить с похожими проектами. Например, chart.xkcd. В итоге получится полностью нарисованный от руки сайт.

#ui #design #инструменты

​​Разработчики выпустили Cally — библиотеку UI-компонентов календаря

Разработчики опубликовали на GitHub компактную библиотеку многофункциональных компонентов календаря. Код Cally написан на TypeScript и опубликован в открытом репозитории: https://github.com/WickyNilliams/cally

В календаре можно выбирать отдельные даты, недели и отображать сразу несколько месяцев на экране. Для внедрения доступны пользовательские стили дизайна.

Библиотека не зависит от фреймворков и прост в использовании, в проекте не используются сторонние библиотеки и компоненты, а набор не навязывает конкретную структуру DOM. Пакет весит всего 9 КБ при сжатии в Gzip.

Библиотеку можно установить с помощью пакетного менеджера npm. В коде Cally доступно через импорт модуля или CDN:
<script type="module" src="https://unpkg.com/cally"></script>

#ui #design #инструменты