Анимация label для текстового input

Рассматривается общий принцип реализации «прыгающих» подписей к полям формы — преобразования placeholder текстового поля в label снаружи него с помощью только CSS и HTML.

aspect-ratio [quirksmode]

aspect-ratio: 16/9

Особенности работы css-свойства aspect-ratio, которое определяет соотношение между шириной и высотой контейнера. Примеры, когда aspect-ratio игнорируется и не применяется, работает не так, как ожидалось или не работает совсем.

Изменение размеров изображения с учетом его содержимого в JavaScript

Может быть применено, когда дело доходит до изменения пропорций изображения (например, уменьшения ширины при сохранении высоты), а также когда потеря некоторых частей изображения нежелательна. Использует алгоритм Seam Carving (вырезание швов).

Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) — важная, ориентированная на пользователя метрика для измерения визуально-воспринимаемой скорости загрузки страницы

First Input Delay (FID)

на временную шкалу были добавлены FCP, TTI и FID

Ориентированная на пользователя метрика для измерения реакции на нагрузку, помогает измерить первое впечатление пользователя об интерактивности и быстродействии вашего сайта

Cumulative Layout Shift (CLS)

Сдвиг макета при добавлении контента

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

Web Vitals

Количественная оценка впечатления от web-сайта и поиск возможностей для улучшения качества и удобства для пользователя.