Из блога OpenReplay
Работа с типизированными CSS-переменными с помощью @property
Типизированные CSS-переменные с @property: валидируйте custom properties, плавно анимируйте значения и разберитесь в тихом fallback, синтаксисе и поддержке.
Исследуем Ladybird: браузерный проект без Chromium
Ladybird — браузерный движок без Chromium, созданный с нуля: архитектура, миграция на Rust, прогресс WPT и план альфа-версии 2026.
Практическое применение !important в современном CSS
Практическое применение !important в современном CSS: reduced-motion для доступности, переопределение сторонних стилей, утилиты и отладка каскада.
Почему Remix 3 проектируется с расчётом на AI-агенты для написания кода
Remix 3 и AI coding agents: почему фреймворк включает agent skills, ясные API и runtime-first дизайн для удобной генерации кода LLM.
5 менеджеров версий, которые должен знать каждый разработчик
Сравните nvm, pyenv, rustup, mise и SDKMAN! для управления версиями, привязки к проектам, CI-паритета и выбора нужного инструмента.
Отладка нестабильных CSS-анимаций с помощью DevTools
Отлаживайте дергающиеся CSS-анимации в Chrome DevTools с панелями Rendering, Performance, Animations и Layers, чтобы найти причину пропуска кадров.
Локально-ориентированная архитектура для прогрессивных веб-приложений
Local-first-архитектура для PWA: как service worker, IndexedDB или SQLite и sync-движки делают данные офлайн, согласованными и принадлежащими пользователю.
Автоматизация проверки безопасности npm-пакетов с помощью npq
Автоматизируйте проверки безопасности пакетов npm с npq до установки: pre-commit hooks, алиасы npm, поддержка pnpm и эвристический аудит.
Трюки оптимизации производительности фронтенда, о которых мы забыли
Техники frontend-производительности по-прежнему важны: размеры изображений, font-display, preconnect, lazy loading, defer, async и throttling.
Создание видео с помощью Claude Code и Remotion
Руководство по Claude Code и Remotion: генерация MP4 из промптов, чтение математики кадров, исправление Sequence и отладка рендеров в Studio.
Как JSON-LD помогает ИИ понять ваш сайт
JSON-LD и Schema.org помогают ИИ-краулерам и Google понять сайт. Узнайте, как серверная разметка избегает разрыва из-за JavaScript.
5 Open Source E-commerce платформ для разработчиков
Сравните Medusa, Saleor, Vendure, Sylius и Shopware для headless e-commerce: Next.js, API и компромиссы самохостинга.
Начало работы с Vite+
Начните с Vite+: установите vp, создайте проект, запустите dev, check, test и build и разберитесь в едином workflow vite.config.ts.
Как исправить надоедливую ошибку 404 favicon.ico Not Found
Исправьте ошибку 404 favicon.ico, разместив favicon в корне сайта и добавив теги для SVG, PNG и Apple Touch Icon.
Анимации в стиле Copy-Paste с Animata
Animata предлагает анимированные React-компоненты для копирования с Tailwind CSS, shadcn/ui и легкими зависимостями для каждого компонента.
Pretext и будущее вёрстки текста в вебе
Pretext — это библиотека TypeScript, которая измеряет текст вне DOM, чтобы избежать reflow и ускорить виртуализированные списки, чаты и masonry.
Cookies vs localStorage для JWT-аутентификации
Cookies или localStorage для JWT-аутентификации: разбор рисков XSS и CSRF, HttpOnly, Secure, SameSite и современных схем хранения токенов.
Что никогда не следует кешировать
Не кэшируйте пользовательские данные, auth-ответы, JWT и чувствительные страницы. Разберитесь, когда безопасно использовать no-store, private и bfcache.
Аудит GitHub Workflows на предмет угроз безопасности
Проверьте GitHub Actions на права токена, script injection, риск pull_request_target, pinning действий, self-hosted runners и OIDC.
Как добавить аутентификацию в Electron-приложение
Добавьте аутентификацию в Electron app с OAuth 2.0 PKCE, входом через системный браузер, deep link или loopback redirect и хранением в safeStorage.
Пять альтернатив Next.js
Пять альтернатив Next.js на 2026 год: React Router v7, Astro 5, SvelteKit, Nuxt 4 и TanStack Start.
Выбор генератора статических сайтов для JavaScript-проектов
Сравните Astro 6, Eleventy 3, Next.js 16, Nuxt 4 и SvelteKit, чтобы выбрать подходящий статический генератор сайтов для JavaScript-проектов.
Использование prefers-reduced-motion для доступной анимации
Используйте prefers-reduced-motion, чтобы безопасно снижать анимацию в CSS, JavaScript и Motion.dev, с тестированием и WCAG.
Удаление нативных стилей элементов с помощью CSS all: unset
Используйте all: unset, чтобы убрать нативные стили в CSS, сбросить кнопки и формы и вернуть доступный focus-visible.