Из блога OpenReplay
Как развернуть 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 приложений.
Бесплатные ресурсы стоковых фотографий для разработчиков
Бесплатные фоторесурсы для разработчиков: лицензии, API, правила атрибуции и ограничения на повторное использование для Unsplash, Pexels, Pixabay, Openverse и других.
Получение данных из API в Node.js
Используйте fetch в Node.js для API-запросов, POST, таймаутов и обработки ошибок. Узнайте, когда нужен undici Pool или Axios.
Как отлаживать ошибки CORS в браузере
Отлаживайте ошибки CORS в браузере с DevTools, сообщениями консоли и проверкой preflight OPTIONS. Быстро находите mixed content, TLS и проблемы с credentials.
Добавьте WebGPU-эффекты в ваш UI с помощью Shaders.com
Shaders.com добавляет эффекты WebGPU в React, Vue, Svelte и Solid: 90+ компонуемых пресетов, визуальный редактор и fallback для браузеров.