Дайджест новостей фронтенда и полезных статей из мира фронтенд-разработки с 5 по 11 декабря.

🔥 Главное за неделю

Результаты опроса The State of CSS 2022. Главные события: :has(), выражения от контейнера и subgrid.

Практическое руководство по медиавыражениям в CSS. Как они работают, как их правильно использовать, что такое брейкпоинты, примеры и рассмотрение различных типов устройств, которые можно указать непосредственно с помощью свойства @media.

Идеальная структура страницы. Введение в элементы ориентиров (набор элементов, которые помогают определить структуру страницы, например nav и main) и рекомендации по их идеальному расположению и структуре.

FrontPage 25 лет. Юбилей легендарной программы, которая сделала веб-разработчиками вообще всех.

📹 Генератор изображений DALLE 2 от OpenAI доступен через API в Node.js.

🖌 HTML и CSS

Когда в вёрстке нужна высота. Если вы сомневались, зачем нужно свойство height, то больше не сомневайтесь.

Шаблон HTML-формы. Пригодится всем, кто делает форму и боится запутаться в подписях и разных типах input.

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

Погружаемся в выражения от стилей контейнеров.

Как использовать каскадные слои и has(). Часть 1 и часть 2.

🏗 JavaScript

Чем TypeScript полезен для React-разработчиков.

40+ рекомендаций по тестированию Node.js.

Сопоставление путей в React Router.

Система голосования с помощью React и Socket.io.

Новые функции npm для безопасной публикации и безопасного использования.

📹 Как настроить Node.js с помощью TypeScript в 2023 году.

🚶 Доступность

Список невидимых символов Unicode.

Советы по созданию более доступных уведомлений.

«Как мы делаем Firefox доступным и приятным для всех»

Настройка среды тестирования программы чтения с экрана.

Печкин: новая библиотека для обработки загрузки файлов — скорость, асинхронность и тот факт, что временные файлы не создаются, делает «Печкина» более привлекательным.

📹 7 лучших плагинов для VS Code для CSS

Прошлые выпуски