Из блога OpenReplay
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 для браузеров.
Типобезопасные Event Emitters в TypeScript
Типобезопасные event emitters в TypeScript: карты событий, generic emitter или Node.js EventEmitter помогают ловить опечатки и ошибки payload на этапе компиляции.
Ссылки и формы в HTTP-запросах
Ссылки и формы в HTTP-запросах: когда использовать <a>, формы GET, POST и почему method=link недопустим в HTML.
Как определить статус онлайн и офлайн в JavaScript
Определяйте онлайн и офлайн статус в JavaScript с navigator.onLine, событиями online/offline и проверкой связи через fetch.
Смешивание изображений с помощью CSS cross-fade()
CSS cross-fade() смешивает изображения в одном объявлении. Узнайте про процентные веса, legacy -webkit, @supports и поддержку браузеров.
Сравнение популярных игровых движков на JavaScript
Сравните Phaser, Babylon.js, PlayCanvas, Excalibur и melonJS, чтобы выбрать подходящий JavaScript-движок для 2D и 3D браузерных игр.
Преобразование изображений в Base64 с помощью Canvas
Преобразуйте изображения в Base64 с помощью Canvas: сравните toDataURL и toBlob, учтите PNG/JPEG/WebP и избегайте CORS-ошибок tainted canvas.
Безопасное программирование для JavaScript-разработчиков
Безопасный JavaScript для браузерных приложений: предотвращайте DOM XSS, избегайте eval(), используйте CSP, защищайте токены и проверяйте postMessage.
Низколатентная коммуникация в браузере с WebTransport
WebTransport для браузеров: сравните WebSockets, датagrams и потоки для низкой задержки в HTTP/3 без блокировки по цепочке.
5 файлов Git Dotfiles, которые должен знать каждый разработчик
5 важных Git dotfiles: .gitconfig, .gitignore, .gitattributes, .git-blame-ignore-revs и .mailmap для более чистой работы с репозиторием.
Что нового в TypeScript 6.0
TypeScript 6.0 меняет значения по умолчанию, устаревшие опции и добавляет поддержку ES2025, типы Temporal и советы по миграции к TypeScript 7.0.