CSS WTF

Знаете, как Apple убирает отступ у стоящих рядом заголовков в любой их комбинации? Смотрите как элегантно:

h1+h1, h1+h2, h1+h3, h1+h4, h1+h5, h1+h6, h2+h1, h2+h2, h2+h3, h2+h4, h2+h5, h2+h6, h3+h1, h3+h2, h3+h3, h3+h4, h3+h5, h3+h6, h4+h1, h4+h2, h4+h3, h4+h4, h4+h5, h4+h6, h5+h1, h5+h2, h5+h3, h5+h4, h5+h5, h5+h6, h6+h1, h6+h2, h6+h3, h6+h4, h6+h5, h6+h6 { margin-top: 0; }

И не надо писать, что все дело в генераторе... Это не добавляет красоты коду.

instagram.com/another_poster — Гэри Персивал однажды решил каждый день создавать по плакату в течение года. После 365 дней и 365 плакатов, он продолжил рисовать их на регулярной основе.

Какие классные цвета и внутри приятный! По версии The Verge, Todoist является лучшим в мире приложением со списком дел.

storybook.js.org/examples — Storybook позволяет просматривать библиотеку компонентов, увидеть различные состояния компонентов и интерактивно разрабатывать и тестировать компоненты.

codepen.io/Zaku/details/ejLNJL — пару красивых реализаций гамбургер-меню.

Если в Facebook Messenger выключить уведомления, то он будет показывать уведомление о том, что у тебя выключены уведомления.

type.today/ru/journal/opentype_variables — знакомьтесь, вариативные шрифты. Теперь комментарий клиента «поиграйте со шрифтами» заиграет новыми красками.

А можно и вот так использовать вариативные шрифты.

codepen.io/ainalem/details/LJYRxz — пару красивых реализаций гамбургер-меню.

picular.co — в сети появился сайт-поисковик, который подбирает цвет под любой запрос. Сервис анализирует картинки Google, а затем выдаёт цветовую схему.

artboard.studio — интересный сервис, который поможет в демонстрации ваших продуктов или в презентации брендинга клиенту, и никакой Photoshop для этого больше не потребуется.

yoksel.github.io/noscript-filters — хороший путеводитель по куче свойств и значений SVG-фильтров.

dailycssdesign.com — дизайнер и разработчик из Норвегии Bjørn сделал уже 228 работ. Цель — делать один респонсив-дизайн в день в течение года с использованием HTML+CSS+SVG/WebGL+Three.js.

nucleoapp.com/tool/icon-transition — поможет создать красивый переход между двумя одинаковыми по размеру SVG-иконками, результат можно скачать в SVG.

shspage.com/aijs/en — пачка бесплатных и полезных скриптов для Adobe Illustrator.

pigment.shapefactory.co — крутейший каталог готовых цветовых схем. Можно менять слева насыщенность и температуру цветов, палитры отлично подойдут для логотипов и интерфейсов.

yandexmapsemoji.ru — Яндекс запустил прикол — Эмодзи Карты. Нужно выбрать любое место и описать его тремя символами. Что-то пошло не так, =).

twitter.com/ryryjmo/status/956342323675189248 — дизайнер Ryan Morrison демонстрирует быстрый способ создания изометрических иллюстраций через Group Selection в Figma.

copychar.cc — удобная и быстрая таблица спецсимволов UTF-8. Раньше в топе был Copypastecharacter, но теперь там уйма рекламы... переходите на приятный и качественный Copychar.

gt-super.com — Grilli Type сделала очень классный шрифт с засечками по мотивам 60-70-х годов. Подача шрифта просто бомбическая.

animejs.com — легковесная, гибкая и очень быстрая JavaScript-библиотека для создания анимаций. Рекомендую для изучения.