GitHub Repo stars
Сравнение Microsoft Live Preview и Live Server для VS Code, настройка live-перезагрузки браузера и устранение ошибок путей при разработке статических сайтов.

Sep 30, 2025, 7 min read

Live Browser Preview в VS Code: Краткое руководство

Настройка i18n-роутинга в Astro, организация папок локалей и работа с динамическими строками интерфейса через Paraglide для создания многоязычного сайта.

Sep 30, 2025, 6 min read

Краткое руководство по локализации сайта на Astro

Container queries, каскадные слои, пользовательские CSS-свойства и селектор :has позволяют писать адаптивный и поддерживаемый CSS без использования фреймворков.

Sep 29, 2025, 6 min read

5 современных CSS-возможностей, которые должен знать каждый разработчик

Intersection Observer API заменяет scroll-обработчики для отслеживания видимости элементов и реализации ленивой загрузки, анимаций и автовоспроизведения видео.

Sep 29, 2025, 6 min read

Обнаружение попадания элементов в область просмотра с помощью Intersection Observer

Сравнение Eleventy и WordPress по производительности, безопасности и стоимости для выбора статической или динамической архитектуры проекта.

Sep 28, 2025, 8 min read

Сравнение 11ty и WordPress для современных веб-проектов

Сравниваются CSS-анимации, GSAP и Web Animations API для создания производительных SVG-анимаций с оптимизированными путями и повторным использованием элементов.

Sep 27, 2025, 7 min read

Современные техники анимации SVG

Создание доступных поповеров на основе нативного Popover API, CSS-позиционирования и ARIA-атрибутов с поддержкой навигации с клавиатуры и управления фокусом.

Sep 26, 2025, 6 min read

Создание доступных поповеров с помощью современных CSS и JS

Статья показывает, как строить формы с htmx, сочетая атрибуты валидации HTML5 и серверные inline-подсказки без написания лишнего JavaScript.

Sep 26, 2025, 6 min read

Упрощенная валидация форм с htmx

Семантический HTML и разметка Schema.org помогают браузерам Comet и Edge Copilot эффективно разбирать содержимое сайтов.

Sep 25, 2025, 7 min read

ИИ-браузеры и будущее веб-разработки

Контроль длины строк в CSS с помощью единиц ch, clamp() и container queries позволяет улучшить читаемость и соответствовать требованиям доступности.

Sep 24, 2025, 6 min read

Управление длиной строк в CSS для улучшения читаемости

Storybook позволяет строить живую UI-документацию через Autodocs, MDX и Controls, автоматически синхронизируя описания компонентов с реальной кодовой базой.

Sep 24, 2025, 6 min read

Storybook: Создание лучшей UI-документации

Добавление тёмной темы через dark-вариант Tailwind CSS: системные настройки, ручное переключение и сохранение предпочтений в localStorage.

Sep 23, 2025, 6 min read

Добавление темной темы на ваш сайт с помощью Tailwind

Nginx, Caddy и Traefik маршрутизируют трафик, обеспечивают терминацию HTTPS и позволяют обслуживать React и Node.js приложения под одним доменом.

Sep 22, 2025, 7 min read

Обратные прокси-серверы: объяснение для веб-разработчиков

Оптимизация низких показателей LCP за счёт устранения проблем с TTFB, загрузкой ресурсов и блокировкой рендеринга через CDN-кеширование и preload изображений.

Sep 22, 2025, 7 min read

Core Web Vitals: Как оптимизировать LCP

Git rebase переносит коммиты на целевые ветки, формируя чистую линейную историю. Статья охватывает интерактивный squash и force push для feature-веток.

Sep 21, 2025, 6 min read

Git Rebase для начинающих: простое введение

Настройка Git pre-commit hooks через фреймворк pre-commit, ESLint, Prettier и Black помогает выявлять ошибки форматирования и линтинга перед каждым коммитом.

Sep 20, 2025, 7 min read

Автоматизация проверки кода с помощью Git pre-commit hooks

Установка Gemini CLI, аутентификация через Google-аккаунт и команды терминала для анализа кодовой базы, генерации тестов и рефакторинга кода.

Sep 19, 2025, 7 min read

Начало работы с Google Gemini CLI

Возможности терминала Ghostty: GPU-ускорение, поддержка GTK4, встроенный мультиплексинг и сохранение сессий для оптимизации рабочего процесса.

Sep 19, 2025, 8 min read

Ghostty: Современный терминал для разработчиков

Pipeline operator в JavaScript превращает вложенные вызовы функций в линейный читаемый код; статья показывает, как применять это уже сегодня с Babel.

Sep 18, 2025, 6 min read

JavaScript Pipeline Operator и что это означает

Возможности GitHub Copilot, такие как многофайловое редактирование, агенты, slash-команды и голосовой ввод, меняют подход к написанию и поддержке кода.

Sep 17, 2025, 7 min read

Продвинутые возможности GitHub Copilot, которые стоит попробовать

CSS Anchor Positioning позволяет прикреплять тултипы, дропдауны и поповеры к элементам на чистом CSS, без вычисления позиций через JavaScript.

Sep 17, 2025, 6 min read

CSS Anchor Positioning: Подробное руководство

Разработка веб-приложений с управлением движением через Device Orientation API: оси alpha, beta, gamma, данные гироскопа и разрешения iOS.

Sep 16, 2025, 8 min read

Понимание Device Orientation API

Управление порядком загрузки ресурсов с помощью fetchpriority и Priority Hints позволяет улучшить показатели LCP и Core Web Vitals в современных браузерах.

Sep 16, 2025, 7 min read

Использование Priority Hints с fetchpriority для повышения производительности

Top-level await в ES-модулях устраняет необходимость в async IIFE и определяет порядок выполнения модулей, динамических импортов и циклических зависимостей.

Sep 15, 2025, 7 min read

Использование Top-Level Await в современном JavaScript