Figma (и FigmaJam) начинает раскатывать Audio и Chat в макетах — https://youtu.be/JUL3C4iJmPI

Подробнее https://www.figma.com/blog/talk-it-out-in-figma-and-figjam/

в FigmaJam можно дать пять коллеге по макету!

Обожаю такие фичи, они не несут никакой пользы, но оставляют кайфовые эмоции и добавляют жизни в процесс, очень круто!

Сама анимация действия особенно прията и залипательна – https://twitter.com/figmadesign/status/1433068886174408706

Клиент Gmail обновился под Material You у некоторых пользователей на Android 12.

На скриншоте заметно, как в основной оттенок приложения подмешивается цвет обоев устройства. Это одна из основных, визуальных фич новой дизайн системы.

Маленький совет почему значения на слайдере нужно размещать над контролом. Таким образом палец не перекрывает значения.

https://twitter.com/vponamariov/status/1434167050579189764?s=21

Незнал, что есть CSS свойство меняющее внешний вид курсора.

Источник

Сегодня узнал, как решить подобный кейс в Figma и завести Auto layout (AL) для компонента.

Есть две кнопки в блоке и под ними лежит fade слой с градиентом, что бы поддержать для этого блока AL, нужно обернуть первую кнопку вместе с fade слоем во фрейм и уже потом настроить al. Таким образом компонент будет гибким и ничего не сломается.

Zeplin добавил варианты для экранов.

Теперь можно выгрузить ряд экранов с разными состояниями и объединить их в один макет. При его просмотре разработчики смогут переключать вложенные состояния экрана. Чтобы клиент автоматически распозновал состояния экранов, можно добавить в название фрейма префикс -v.

Пример, Login -v Desktop, Login -v Mobile.

https://support.zeplin.io/en/articles/5272068-getting-started-with-screen-variants

Статья, как запрашивать в интерфейсе почтовый адрес.

1. Для строки адреса используйте одно поле ввода, с подключёнными данными для автодобавления строки. С такими данными могут помочь некоторые сервисы, Дадата, Яндекс, Гугл.

2. Подставляйте индекс автоматически на основе адреса. Вот это действительно классный совет, каждый раз гуглю, какой у меня индекс и не встречал магазина, который бы эту проблему решал.

3. Но не смотря на эти автоматизации, разрешайте ручной ввод адреса.

Об остальных пунктах подробнее в статье.

Google показали видео будущего Pixel 6. Видос выглядит очень сочным и бодрым — https://youtu.be/xMZaObIQps8

Примеры того, как Google применяет новую дизайн концепцию Material You (в Android 12) на примере приложения Калькулятора.

Заметно, как акцентные оттенки применяются от обоев устройства.

Источник

Инструмент для наложения хаптика на видео в ваше приложение или игру. Простыми словами, вы регулируете настройки хаптика на заданном видео, а после передаете эти параметры разработчики для внедрения. В итоге получится видео в стиле интро приложения Poparazzi

https://lofelt.com

Заметил, интересный эффект при включении экрана iPhone, после установки новых обоев с угловым градиентом.

Визуально кажется, что картинка появляется после включения экрана круговым движением против часовой стрелки. Думаю этот эффект создаётся при такой форме углового градиента и его цветах. Тут есть переход из светлого в темный, что по сути прямо противоположно эффекту включения, когда происходит эффект из темного в светлый.

Для сброса всех стандартных стилей у элемента, в CSS есть свойству в одну строку, это просто

all: unset;

Источник

Инструмент для генерации доступной цветовой палитры — https://accessiblepalette.com/

Генератор помогает создавать палитру цветов, которая будет совместима со стандартом доступности a11y.