Статьи

12 мая 2025 г.

Узнайте, как компонентный подход помогает справляться со сложностью современного фронтенда — изоляция, переиспользование и командная эффективность.

06 мая 2025 г.

Разбираем основные фичи Node.js 24 (V8 13.6, npm 11, AsyncContextFrame, Permission Model, Undici 7), объясняем сложные термины простыми словами и даём пошаговый план, как подготовить проект к будущему LTS-релизу.

28 апреля 2025 г.

Узнайте, как новые CSS-единицы lh и rlh помогут выстроить идеальный вертикальный ритм, сделать текст аккуратнее и профессиональнее без лишних усилий.

27 апреля 2025 г.

27 апреля 2025 г.

Понимание замыканий в JavaScript для новичков: практическое руководство от простого к сложному. Узнайте, что такое замыкания, как они работают и как применять их для создания приватных данных, асинхронного кода и функциональных паттернов. Статья включает множество примеров кода и задачи для подготовки к собеседованиям.

26 апреля 2025 г.

25 апреля 2025 г.

24 апреля 2025 г.

Что означают уровни соответствия WCAG A, AA и AAA, зачем они нужны разработчикам и заказчикам, и приводятся наглядные примеры для каждого уровня — от альтернативного текста к изображениям до сурдоперевода видео и расширенных аудиодескрипций.

24 апреля 2025 г.

W3C Compute Pressure API Level 1 (кандидат в рекомендации, апрель 2025) — как определять нагрузку на CPU прямо из JavaScript и грамотно реагировать на неё.

23 апреля 2025 г.

Сегодня разберём, как обойтись без chalk, colors, picocolors и прочего «цветного зоопарка» и при этом получить аккуратный, читаемый вывод в терминале. Покажу всё глазами наставника — с практическими советами и большим количеством кода.

21 апреля 2025 г.

18 апреля 2025 г.

Первый публичный черновик CSS Gap Decorations Module Level 1 (17 апреля 2025) описывает новые свойства row‑rule и column‑rule, позволяющие рисовать линии‑разделители в промежутках гридов, флексов и мультиколонок. Документ уточняет, как задавать цвет, стиль, ширину и порядок прорисовки таких декораций, а также как разбивать их на сегменты и смещать концовки. Спецификация расширяет существующие возможности column‑gap/row‑gap, делая оформление «гаттеров» гибким и единообразным для разных типов раскладок.

18 апреля 2025 г.

Почему именно Firefox 139 первым включает Temporal, какую роль сыграло сообщество и как использовать новую API на практике — подробный наставнический обзор с примерами.

17 апреля 2025 г.

Почему ультратонкие гарнитуры губят читаемость, снижают конверсии и нарушают доступность, и как начинающим UI/UX‑дизайнерам выбрать типографику, которая действительно работает для пользователей.

16 апреля 2025 г.

Разберёмся, почему нельзя считать 16px постоянным эквивалентом 1em, как корректно учитывать пользовательские предпочтения к размеру шрифта и зачем оставлять браузеру свободу в отображении текста.

15 апреля 2025 г.

Узнайте, как создать по-настоящему инклюзивный тёмный режим, сочетая продуманный контраст, удобочитаемую типографику и гибкие настройки для разных групп пользователей. В статье приводятся примеры кода, рекомендации по WCAG и практические советы по внедрению тёмной темы в интерфейсе.

14 апреля 2025 г.

Технический разбор современных подходов к жидкой (fluid) типографике в CSS: как использовать clamp(), rem, vw, em и другие единицы для создания адаптивной масштабируемой типографической системы. Рекомендации по пропорциям шрифта, поддержке пользовательских настроек, примеры кода и лучшие практики для доступности и гибкого дизайна.

13 апреля 2025 г.

В Chrome 136 изменилась логика работы псевдокласса :visited за счёт «разделения» истории посещённых ссылок. Эта новация защищает пользователей от утечек приватных данных и решает старую проблему безопасности, существовавшую более 20 лет.

13 апреля 2025 г.

Сегодня узнаем о новой функции калибровки троттлинга в Chrome DevTools, которая помогает точнее эмулировать работу сайта на реальных мобильных устройствах. Вы узнаете, как использовать CPU-троттлинг, чтобы устранить узкие места производительности на основе данных.

12 апреля 2025 г.

Одним полезных механизмов в JavaScript, является оператор nullish coalescing (??). Он позволяет аккуратно подставлять значения по умолчанию там, где логический оператор ИЛИ (||) может неудачно «перекрыть» нужные данные.

12 апреля 2025 г.

Предстоящие изменения в дефолтных браузерных UA-стилях для вложенных заголовков могут повлиять на отображение сайта и вызвать предупреждения в Lighthouse. Узнайте, как правильно задавать стили для элементов h1 и поддерживать корректную иерархию заголовков в веб-разработке.

11 апреля 2025 г.

Разбираемся, как работает `currentcolor`, зачем он нужен в современном CSS и почему в эпоху кастомных свойств ему всё ещё есть место

11 апреля 2025 г.

Узнаем о новой концепции Item Flow — универсальном подходе к управлению направлением, переносом и «упаковкой» элементов, который объединяет лучшие черты флексы и гриды. Идея включает в себя планы по нативной поддержке «masonry»‑раскладок без дополнительных скриптов и открывает путь к ещё более гибкой верстке в CSS.

11 апреля 2025 г.

Узнайте как сделать функциональное состояние фокуса для всех элементов.

10 апреля 2025 г.

Совсем недавно в Safari Technology Preview появилась поддержка text-wrap: pretty, и это открывает перед нами совершенно новые возможности по улучшению типографики в вебе. В этой статье мы разберём, чем именно хороша реализация в WebKit, чем она отличается от text-wrap: balance и других значений, и почему это так важно для создания хорошо читаемого текста.

30 марта 2025 г.

Разбираемся с логическими свойствами CSS - что это такое, как их использовать и почему они важны для современной вёрстки

10 декабря 2024 г.

Посмотрим какие CSS-свойства были добавлены в браузеры в 2024