Из блога OpenReplay
Как линтить 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 для навигации, редактирования, поиска, рефакторинга и отладки, чтобы меньше использовать мышь.
Charts.css: Создание графиков с помощью чистого CSS
Charts.css использует чистый CSS и семантические HTML-таблицы для создания столбчатых, линейных и круговых графиков без JavaScript, с доступными данными.
Как организовать CSS в современных веб-проектах
Организуйте CSS с cascade layers, design tokens, CSS Modules и неглубоким nesting для поддерживаемых современных веб‑проектов.
Определение сенсорных устройств с помощью JavaScript
Определяйте сенсорные устройства в JavaScript с maxTouchPoints, Pointer Events и CSS media queries для гибридов и текущего типа ввода.
Креативные трюки с графиком вкладов GitHub
Настройте график contributions GitHub с помощью SVG, анимации snake и автоматически обновляемых карточек stats в README через GitHub Actions.
Состояние On-Device AI в браузере
Пояснение по локальному ИИ в браузере: встроенные API Chrome, Transformers.js, ONNX Runtime Web, WebGPU, WebNN и гибкий fallback.
Val Town: Serverless JavaScript в браузере
Val Town — браузерная платформа для serverless JavaScript и TypeScript, с vals, средой Deno, SQLite, blob storage, email и OpenAI.
Понимание транзакций баз данных
Транзакции БД, ACID, уровни изоляции и MVCC: практическое объяснение надежной конкуренции и отката при сбоях.
Использование Tailwind CSS в React Native с помощью NativeWind
NativeWind переносит Tailwind CSS в React Native: className, темная тема, варианты, настройка и ключевые ограничения.
OpenCode: AI-агент для программирования с приоритетом терминала
OpenCode — open source AI coding agent для терминала с поддержкой своих провайдеров, режимами Plan/Build и командами LSP, MCP и custom.
Создание приложений на основе данных с React Admin
Архитектура React Admin: методы dataProvider, CRUD-виды, аутентификация и повторно используемые экраны списка и редактирования для backend-agnostic приложений.