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

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

Лучшие демки на Codepen за 2022

Лучшие инструменты фронтендера за 2022

Как изменились мобильные интерфейсы за 15 лет

Ретро-релиз: 20 лет с дебюта Safari

🎓 Тренды 2023

Пять трендов в типографике в 2023

Почему веб-дизайн всё ещё важен в 2023

Лучшие рекомендации Core Web Vitals на 2023

🖌 HTML и CSS

Условный CSS. CSS так сильно развился, что теперь немного стал ближе к языкам программирования, так как теперь может использовать условные правила.

Состояние юзабилити в 2023 году. Узнайте, как ваши пользователи могут пользоваться интерфейсом вашего сайта.

3D в CSS. Аккуратный и четко объясненный взгляд на то, как создать 3D-пространство с помощью perspective, а также сдвигать и поворачивать элементы преобразования.

«ОК, LCH, я согласен». Почему уже пора переходить на современный цветовой формат LCH.

HTML with Superpowers: The Guidebook. Бесплатный ресурс, рассказывающий о веб-компонентах и о том, для чего они нужны.

Как создавать элементы управления HTML-формами

Настройка валидации HTML-формы. Как управлять собственной проверкой формы с помощью JavaScript.

В Сафари очень странное окно выбора даты и времени.

🏗 JavaScript

Финал State of JS 2022

Ретроспектива Node.js за 2022 год

Понимание аутентификации на веб-сайтах: на примере банков. Что такое токены, CORS, авторизация, учётные данные и HTTP-заголовки.

Нам нужен более строгий режим, чтобы исправить некоторые проблемы в JavaScript.

Как дизайнерам и разработчикам общаться с помощью npm-пакетов.

Всё о React Concurrent Mode. Подробное исследование параллельного режима на примерах, чтобы понять, какие проблемы он решает, как он работает и как его использовать.

Связывание данных в React — учебное пособие для начинающих и продолжающих, демонстрирующем возможности связывания данных React в контексте подключения различных типов элементов управления вводом формы.

Наследование стилей CSS в React Native. Вы никогда не задумывались, почему применение стилей к тексту кнопки не работает в React Native? Решение включает в себя воссоздание некоторых каскадных механизмов CSS.

React-приложение — это функции.

Сравнение планировщиков заданий Node.js. Если вы хотите запустить функцию с заданным интервалом без использования внешних служб, есть несколько решений. В этом посте дается базовое сравнение Agenda, Bull, Bree и Node Cron.

Создайте бессерверный SMS-чат-бот ChatGPT с OpenAI и Node.

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