The Link Bar

growthrock.co/ecommerce-mobile-home-page-navigation

Вы наверняка уже устали читать статьи и постоянно слушать разные дискуссии о трёх коротких линиях гамбургер-меню. Это плохой приём в дизайне интерфейсов? Или неплохой? Как с этим жить и увеличить конверсию?

papersizes.io — все международные форматы и стандарты: листа, конверта, визитки, плаката и т.п.

carbon.now.sh — сервис поможет сделать эффектную обёртку для вашего кода, результат можно сохранить в PNG или SVG формате.

Simon Stålenhag

theverge.com/2018/7/18/17586706/amazon-tales-from-the-loop-simon-stalenhag-retro-sci-fi-art-book-tv-series

Amazon заказал сериал на основе артов Саймона Сталенхага. Всего запланировано восемь эпизодов.

mjml.io — отличный фреймворк для вёрстки адаптивных email-писем. К сожалению, не очень дружит с почтой Мэйл.ру и Яндекса.


Ребята, не забывайте про Scale Tool в Figma. Суперспособность его — пропорционально изменять абсолютно все свойства!

shotsnapp.com — инструмент для эффектного оформления экранов интерфейса.

Google Photos

medium.com/p/45b714dfbed1

Создание интерфейса Google Photos. Антин Гарасымив с увлекательной и подробнейшей историей создания производительной резиновой плиточной раскладки, которая не вешает браузер.

kit.com — собирайте и делитесь инструментами со своими друзьями и знакомыми. В общем, это современный писькомер.

Проверь в какой какахе ты живёшь или собираешься жить

realty.yandex.ru/sankt-peterburg/kupit/kvartira/karta/?layer=ecology

Отличная штука, без сарказма. Яндекс продолжает настраивать взаимодействие между всеми своими продуктами. Наконец-то переделали поиск и карточки жилых комплексов, а то раньше была одна боль. Транспортная доступность — тепловая карта показывает, насколько просто выбраться из района общественным транспортом. Инфраструктура — тепловая карта показывает, как хорошо развита инфраструктура для жизни и развлечений в районе. Качество воздуха — тепловая карта показывает, как обстоят дела с чистотой воздуха в районе.

moviemania.io/phone — сайт, на котором собраны постеры фильмов без текста в высоком разрешении.

Всё больше и больше приятных мелочей в работе с Figma.

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 — пару красивых реализаций гамбургер-меню.