twitter.com/malikafavre/status/1047505272586027009 — какую классную обложку сделала Малика. Свой стиль она характеризует как соединение поп-арта с опт-артом.

vc.ru/design/46504 — анимация интерфейса — это один из самых сложных элементов в разработке UX.

dribbble.com/shots/5265102-Tap-Bar-Crypto-App — люблю такое.

webflow.com/feature/apply-css-filters-in-interactions — Webflow выкатил CSS-фильтры.

youtu.be/CR8NiYNmFa0 — осенние пейзажи от которых захватывает дух. Расчехляйте пипетки!

vimeo.com/174737307 — бесплатный анимированный шрифт.

codepen.io/meodai/full/RerqjG — генератор случайных цветовых гармоний, как бы пафосно это не звучало.

Яндекс, в теории света Исаака Ньютона доказывается, что цветовой спектр состоит из красного, оранжевого, желтого, зеленого, голубого, синего и фиолетового. Никакого лилового!

pitch.com — иллюстрации просто космическо-бомбические!

teleporthq.io — для воркшопов, думаю, самое то!

github.com/audreyr/favicon-cheat-sheet — делая фавиконку для сайта не забывайте, что это не только 16x16 пикселей хернюшка, а целая туча хернюшек разных размеров и форматов.

twitter.com/callmevlad/status/1050025566760394755 — CSS Grid — лучшее, что случалось в браузерах со времён флексбоксов. И теперь Webflow имеет в арсенале эту суперштуку.

cnap.graphismeenfrance.fr/faune/en.html — сказочный шрифт в шести начертаниях. Использовать можно в коммерческих целях, к сожалению, только латиница, кириллицы нет.

dribbble.com/shots/4503922-Wix-Playoff-Designer-s-Mind — ладно, пропустил как-то конкурс от Wix, но теперь я знаю, сколько там работает в штате дизайнеров. Сто пятьдесят!

Подбор правильных цветовых палитр для визуализации данных:

learnui.design/tools/data-color-picker.html
projects.susielu.com/viz-palette
tristen.ca/hcl-picker

usetracy.com — позволяет преобразовывать растровые изображения в SVG. Например, можно преобразовать набросок, сделанный карандашом на бумаге, в векторное изображение.

9elements.github.io/fancy-border-radius — с помощью свойства border-radius можно делать невероятные штуки. Nils сделал отличный генератор сложных фигур — medium.com/p/d46df1d013ae.

packlane.com — вроде такая простая штука, но найти такое у нас просто невозможно. Или я плохо искал? Ну вот, прям такой, как этот.

colinkeany.com/favicon-checker — воу, тут можно проверить, как будет смотреться ваша фавиконка.

instagram.com/romanbooteen — знакомьтесь, это Роман из Екатеринбурга. Ручная работа в каждом пикселе. Всё, что он делает, можно купить.

Картинка или видео в качестве подложки под текст призвана рассказать целую историю, а не просто выступить в качестве декорации. Это очень популярный приём в веб-дизайне и способен стать эмоциональным крючком для потребителя.

Согласно принятым нормам, текст поверх картинки должен соответствовать контрасту не менее 4,5:1 или 3:1 для крупного шрифта.

Но как быть, если у вас очень разные картинки на сайте? Затемнение может подойти к одной, но может оказаться абсолютно бесполезным на другой. Будете подбирать для каждой картинки свой параметр затемнения? Бедный верстальщик.

Да, выход есть — antoningrele.github.io/img-brightness-normalization.