То, что перевернуло UX📱

В день рунета хочется вспомнить о нововведениях в дизайне, которые изменили взаимодействие всех пользователей.

Начну с нового – рендеринг текста на сайтах (#1). Это Pretext — мелкая библиотека TypeScript, измеряет и размещает текст в 500 раз быстрее, чем DOM.

Далее – View Transitions API, #2. Без него не было бы удобной анимации, а все изменения экрана были бы резкими и напрягающими.

#3 – Container queries. Раньше компонент был слепым к окружению. Из-за этого блоки требовали слишком много ресурсов. Теперь компонент ориентируется на собственный контейнер. Сильно поменяло responsive-дизайн

#4 – Дизайн-токены
Популярны стали к 2018. Переменные со всеми визуальными решениями и параметрами элементов. Без этого – нет легкого масштабирования и быстрой синхронизации дизайна с кодом.

WebGPU – #5. современный API, который даёт доступ к GPU для рендеринга графики. Раньше сложная и ограниченная, теперь – быстрая и удобная. Расширяет рамки анимаций и их скорости.

@digitaldes.txt 😱