Из блога OpenReplay
Поля-ловушки (Honeypot) 101: Останавливаем ботов без CAPTCHA
Поля-ловушки блокируют спам в формах без CAPTCHA, перехватывая ботов через скрытые поля; для полной защиты требуется серверная валидация и rate limiting.
Начало работы с Nuxt.js
Создание первого приложения на Nuxt 4 с Vue 3, Vite, TypeScript и Nitro, файловой маршрутизацией, SSR, composables и вариантами развёртывания.
normalize.css: Простой способ обеспечить согласованность стилей
normalize.css создаёт единую CSS-базу во всех браузерах, не сбрасывая стандартные стили. Статья показывает интеграцию через CSS layers для контроля каскада.
Понимание ролей доступности в HTML
Роли доступности в HTML сообщают вспомогательным технологиям назначение элементов; охватываются ARIA-роли, семантический HTML, тестирование в NVDA и VoiceOver.
Как добавить фавикон на ваш сайт
Статья показывает, как настроить набор фавиконов с использованием SVG, PNG, Apple Touch Icon и web manifest для корректного отображения сайта во всех браузерах.
Как создать переключатель темного режима с помощью CSS и JavaScript
Реализация переключателя тёмного режима на CSS custom properties и JavaScript с определением системных предпочтений и сменой темы без мерцания.
Когда запускать ваш код: объяснение событий загрузки страницы
Сравнение DOMContentLoaded, события load, Page Visibility API и React useEffect помогает выбрать подходящий хук инициализации JavaScript для любого проекта.
Приносим ИИ в вашу командную строку с Cursor CLI
Cursor CLI позволяет генерировать React-компоненты, обновлять конфигурации Vite и автоматизировать frontend-задачи прямо в терминале, не переключая инструменты.
Изучаем Zed: новый редактор с открытым исходным кодом для современных разработчиков
Zed - редактор на Rust с открытым исходным кодом, GPU-ускорением, поддержкой TypeScript, инструментами ИИ и встроенной совместной работой в реальном времени.
Как создать индикатор прогресса загрузки с помощью JavaScript
Статья показывает, как создать индикатор прогресса загрузки с XMLHttpRequest, семантическим HTML и ARIA-атрибутами для визуальной обратной связи.
Лучшие плагины Tailwind для ускорения разработки
Сравнение ведущих плагинов Tailwind CSS для типографики, форм, анимации и RTL-поддержки поможет выбрать подходящие инструменты для ускорения разработки.
Как установить и настроить темы VS Code
Установка тем VS Code из Marketplace и настройка цветов интерфейса и подсветки синтаксиса через settings позволяют создать персонализированную среду разработки.
Объявление переменных в JavaScript: разбираемся с var, let и const
Сравнение var, let и const по области видимости в ES6, hoisting и Temporal Dead Zone позволяет писать JavaScript-код без ошибок с понятным намерением.
Начало работы с Aider: программирование с ИИ из терминала
Настройка Aider для LLM-парного программирования из терминала: управление git-коммитами, настройка API-ключей и оптимизация затрат на токены.
Краткое руководство по MIME-типам и заголовкам Content-Type
Корректная настройка заголовков Content-Type исправляет проблемы с CSS, JSON и JavaScript; заголовок X-Content-Type-Options предотвращает MIME sniffing.
Как отлаживать утечки памяти в JavaScript
Отладка утечек памяти в JavaScript через heap-снимки Chrome DevTools, временные шкалы выделения и анализ retainer path для поиска типичных утечек.
Создание гибких отступов и контейнеров с помощью CSS Clamp
Статья показывает, как строить плавные адаптивные макеты с CSS clamp для отступов и контейнеров без лишних медиазапросов; рассматриваются математика, паттерны и поддержка браузерами.
Понимание CORS: Почему ваш запрос не прошёл
Разбор ошибок CORS через Same-Origin Policy, preflight-запросы и браузерную проверку cross-origin заголовков позволяет эффективно диагностировать сбои запросов.
Что такое Source Maps и как они работают
Source maps связывают минифицированные бандлы с исходным TypeScript-кодом; статья разбирает VLQ-кодирование и настройку Webpack и Vite для отладки в production.
Как создавать и запускать пользовательские скрипты в браузере
Создание браузерных юзерскриптов через Tampermonkey или Violentmonkey, работа с DOM через MutationObserver и предотвращение типичных race condition.
Garuda Linux: дистрибутив на базе Arch, который вы могли упустить
Garuda Linux предоставляет мощь Arch, доступ к AUR и снапшоты BTRFS для разработчиков, которым нужна быстрая преднастроенная система без ручной конфигурации.
Как создать ваше первое расширение для Firefox
Создание рабочего расширения для Firefox на основе Manifest V3 и WebExtensions APIs: контентные скрипты, интерфейс popup и принципы минимальных разрешений.
Что можно узнать из вкладки Network в Chrome
Анализ вкладки Network в Chrome DevTools позволяет выявлять проблемы TTFB, отлаживать HTTP-запросы и применять throttling для диагностики производительности.
Понимание хуков жизненного цикла в Vue.js
Хуки жизненного цикла Vue 3 рассмотрены через Composition API: setup, onMounted, onUpdated и onUnmounted для создания чистых и производительных компонентов.