Из блога OpenReplay
Как встроить видео в React
Встраивайте видео в React через HTML5 video для своих файлов, iframe YouTube, исправление autoplay, адаптивный размер и выбор ReactPlayer.
Техники обфускации email-адресов для веба
Методы обфускации email для веба: сравнение HTML-энкодинга, JavaScript, CSS, контактных форм и защиты Cloudflare.
Запись аудио в браузере с помощью Web Audio API
Запись аудио в браузере с Web Audio API: захват микрофона через getUserMedia, обработка при необходимости и кодирование через MediaRecorder.
Современные возможности SQLite, о которых вы могли не знать
Современные возможности SQLite: JSONB, таблицы STRICT, RETURNING, WASM с OPFS и WAL mode для лучшей производительности и конкуренции.
Использование es-toolkit для повседневных JavaScript-утилит
es-toolkit предлагает типизированные, tree-shakeable JavaScript-утилиты как легкую альтернативу Lodash, с меньшими бандлами и простым переходом.
Создание всплывающей подсказки на чистом CSS
Создайте pure CSS tooltip с ::after, data-tooltip и переходами opacity, а также поддержкой focus-visible и важными ограничениями доступности.
Что Axios всё ещё даёт вам по сравнению с Fetch
Axios vs Fetch: разберитесь, где Axios выигрывает благодаря интерсепторам, автоматической обработке HTTP-ошибок, общим экземплярам, прогрессу загрузки и тайм-аутам.
Практический обзор Kubernetes
Обзор Kubernetes: архитектура, Pods, Deployments, Services, Ingress и ConfigMaps для запуска и масштабирования веб-приложений в кластере.
Автоматическая генерация скелетон-экранов с помощью boneyard
boneyard-js автоматически генерирует skeleton loaders из реальных макетов компонентов на этапе dev, с адаптивными файлами .bones.json и поддержкой Vite.
Новый способ просмотра npm-пакетов с помощью npmx
npmx упрощает проверку npm-пакетов: сравнение рядом, размер bundle, формат модуля, зависимости и проверка уязвимостей.
Как линтить CSS с помощью Stylelint
Настройка Stylelint для CSS: конфиг, правила и команды, чтобы находить ошибки, задавать стандарты и связать с Prettier и CI.
Текущее состояние JavaScript-бандлеров
JavaScript-бандлеры в 2026: сравнение Webpack, Vite, Turbopack, Rspack, esbuild, Rollup и Parcel для современных frontend-сборок.
Добавление переиспользуемых возможностей AI-агентам с помощью skills.sh
skills.sh добавляет reusable skills для AI-агентов и coding workflows: SKILL.md, progressive disclosure, CLI-установка и сравнение с MCP.
Создание кнопки копирования для блоков кода
Создайте кнопку копирования для блоков кода с Clipboard API, используя textContent, try/catch, визуальную обратную связь и aria-label.
Как развернуть Next.js вне Vercel с помощью OpenNext
Разверните Next.js вне Vercel с self-hosting или OpenNext на AWS и Cloudflare. Сравните Node.js, Docker и новый Adapter API.
Стилизация результатов Ctrl+F с помощью ::search-text
Стилизуйте подсветку поиска в браузере с ::search-text и :current. Разбор CSS, поддерживаемых свойств и ограничений Chromium.
Простая защита от атак на цепочку поставок npm
Блокируйте атаки цепочки поставок npm с ignore-scripts=true, min-release-age и CI-проверками новых install scripts до их запуска.
Креативные способы стилизации списков с помощью CSS
Стилизуйте списки в CSS с семантическим HTML, ::marker, ::before, счетчиками и @counter-style для настраиваемых маркеров и нумерации с учетом доступности.
Создание пользовательского типа записей в WordPress
Создайте пользовательский тип записей WordPress с register_post_type, show_in_rest, настройкой в плагине и нужными шаблонами архивов и записей.
Предотвращение атак с использованием обхода путей в Node.js
Защитите Node.js от path traversal: path.resolve, проверка вложенности через path.sep и ID-based lookup вместо пути от пользователя.
Как скопировать API-запросы из вкладки Network
Копируйте API-запросы из вкладки Network в Chrome, Edge или Firefox через cURL, fetch и HAR, чтобы воспроизводить и отлаживать ошибки.
Гибкое создание объектов с помощью паттерна Builder в JavaScript
Примеры Builder Pattern в JavaScript для пошагового создания объектов: fluent API, цепочки методов, валидация, значения по умолчанию и API request builders.
Код-гольф и искусство крошечных программ
Код-гольф: минимизация исходного кода, бинарный sizecoding, трюки JavaScript, CSSBattle и golfing-языки вроде Vyxal и GolfScript.
Ускорьте написание кода с помощью этих горячих клавиш
Горячие клавиши VS Code для навигации, редактирования, поиска, рефакторинга и отладки, чтобы меньше использовать мышь.