События при наведении. :hover, :focus, :active

#почитать

CSS-псевдоклассы :hover, :focus и :active задают элементам состояния, которые реализуются при определённых действиях пользователя. Состояния меняют цвет или размер элемента, добавляют ему рамку, делают более интерактивным, выделяют и указывают на его назначение.

⏱Читать статью

Infinity в CSS

#почитать

▫️Больше никаких проблем с z-index
▫️Самый большой элемент
▫️Разные бесконечности
▫️Анимирование до бесконечности
▫️Деление на ноль и отрицательные значения

⏱Читать статью

Codia AI: скрины в дизайн и дизайн в код

#почитать

Codia AI Design и Codia AI Figma to code, где первый способен воспроизвести наш набросок и фотографию в драфт, а второй способен подобный драфт воспроизвести в код. Плагины и концепция их работы.

⏱Читать статью

Тренды UX/UI дизайна на 2024 год

#почитать

▫️Бенто-боксы. Bento UI
▫️Пространственный дизайн
▫️Анимация доступна всем
▫️Конец плоскому дизайну
▫️Изобилие инструментов с ИИ
▫️Внимательный и чуткий UX
▫️Персонализация

⏱Читать статью

Chrome 123 - что изменилось

#почитать

В новой версии исправлены ранее обнаруженные ошибки, устранены 12 уязвимостей, а также появился медиаплеер в стиле Android, ИИ-функции по умолчанию.

▫️на странице, показываемой при открытии новой вкладки, предложена новая секция, в которой отображаются ссылки из вкладок, недавно открытых на других устройствах, привязанных к одной учётной записи в Google;

▫️добавлена поддержка кодирования контента при помощи алгоритма сжатия Zstandard (zstd), помимо ранее поддерживаемых алгоритмов gzip, brotli и deflate;

▫️удалена реализация свободного видеокодека Theora;

▫️в сервисе синхронизации настроек, истории и закладок (Chrome Sync) прекращена поддержка выпусков до версии Chrome 82;

▫️при включении расширенной защиты браузера (Safe Browsing > Enhanced protection) реализована отправка в Google сведений с информацией о выводе сайтами запросов расширенных полномочий (подобные страницы проверяются по внешней базе вредоносного содержимого и в случае совпадения пользователю сразу показывается предупреждение). Также включена отправка телеметрии об отмене пользователем предупреждений, показываемых перед открытием страниц, занесённых Google в чёрный список;

▫️реализован вывод предупреждений в консоли инструментов для web-разработчика при отправке страницей запроса во внутреннюю сеть (192.168.x.x, 10.x.x.x и т.п.), если подобные запросы выполнены вне безопасного контекста и не прошли упреждающую проверку;

▫️добавлен API для статической маршрутизации ServiceWorker-ов (Service Worker Static Routing), который позволяет исключить выполнение JavaScript и перехваты ServiceWorker-ами при запросе ресурсов, соответствующих заданным условиям;

▫️добавлен API Long Animation Frames для диагностики отзывчивости интерфейса сайта и выявления узких мест при отрисовке;

⏱Читать