WebDev+ | Веб-разработка

Энтузиаст выложил в открытый доступ бенчмарк для пиксель-арта, созданного ИИ > Сравнивает конвертеры пиксель-арта с помощью открытых и воспроизводимых тестов > Любой может добавлять методы, запускать бенчмарки и независимо оценивать результаты Репозиторий: https://github.com/Retro-Diffusion/pixel-bench @WebDev_Plus

На Stepik вышла программа «DevOps с нуля: от Linux до Kubernetes» Это комплексная программа из 5 практических курсов по ключевым технологиям DevOps: Linux, Git, Docker, GitLab CI/CD, Kubernetes Вы последовательно пройдёте путь от работы в Linux и управления кодом через Git до контейнеризации приложений, настройки CI/CD-пайплайнов и развёртывания в Kubernetes. Что вы изучите: • работу с Linux и командной строкой • Git и контроль версий в реальных проектах • создание Docker-образов и запуск контейнеров • автоматизацию сборки, тестирования и деплоя в GitLab CI/CD • развёртывание и управление приложениями в Kubernetes • сети, хранилища, конфигурации и секреты • диагностику инфраструктуры и автоматизацию рутинных задач ... и многое другое Все знания закрепляются на практике с помощью заданий с автопроверкой. Материал подаётся последовательно и понятным языком: с примерами, схемами и демонстрациями. Во время обучения можно задавать вопросы по урокам и заданиям, получать обратную связь и помощь при возникновении сложностей. После прохождения программы вы получите сертификат, который можно добавить в резюме. Скидка 20% на 48 часов: по промокоду DEVOPS20 стоимость всей программы составит 10 392 ₽. Открыть программу на Stepik

Игру без движка полностью написали на TypeScript Разработчик представил Bone Tide — игру, созданную с нуля на TypeScript с использованием TypeGPU. Проект обходится без традиционного игрового движка: на TypeScript написаны как игровая логика, так и шейдеры. По словам автора, такой подход показывает, что TypeScript может быть пригоден не только для веб-приложений, но и для производительной игровой разработки с удобным DX. Игра работает в браузере, а сам подход потенциально применим и в React Native. Веб-версия Bone Tide уже доступна для запуска. На мобильных устройствах разработчик рекомендует добавить игру на главный экран как PWA. @WebDev_Plus

Claude, приведи SEO в порядок. 🤯 Этот универсальный SEO-навык для Claude Code включает 25 специализированных навыков и 18 AI-агентов, которые охватывают: → техническое SEO → E-E-A-T → Schema-разметку → GEO — оптимизацию под AI-поиск → обратные ссылки → локальное SEO → оптимизацию изображений → и многое другое... Если вы используете Claude Code для создания или поддержки сайтов, это определённо стоит попробовать :) @WebDev_Plus

Вайб-кодерам это точно понравится - https://namethatui.com/ Это огромный визуальный каталог UI-компонентов с готовыми промптами. Можно просматривать и копировать промпты для разных элементов интерфейса или просто описать что-то вроде «серый оверлей за всплывающим окном» или «те самые три точки» — и быстро найти нужный UI-компонент вместе с примерами :) @WebDev_Plus

Чистый SaaS-стек для более быстрой разработки и релизов: * хостинг фронтенда и бэкенда — Sevalla * база данных — PlanetScale * аутентификация — Clerk * платежи — Stripe * транзакционные письма — Postmark * файловое хранилище — Bunny Storage * отслеживание ошибок — Sentry * продуктовая аналитика — PostHog @WebDev_Plus

Этот проект пригодится для вашего сайта или приложения. Он автоматически генерирует скелетоны для компонентов. Ничего не нужно рассчитывать вручную. Просто оберните компоненты в <Skeleton> — и готово. Для Vue, React, Angular и Svelte: https://github.com/0xGF/boneyard @WebDev_Plus

Поддержка TypeScript 7 в Next.js Кратко: Теперь в next@preview можно включить experimental.useTypeScriptCli, чтобы использовать TypeScript 7. Подробнее: TypeScript 7 вышел с ts-go — очень радует прирост производительности! В этом релизе намеренно отсутствует JavaScript API, который планируют выпустить в TypeScript 7.1. К сожалению, это означает, что текущий релиз TypeScript 7 ломает работу фреймворков, интегрирующих TypeScript через JS API. Next.js использует JS API для запуска TypeScript во время выполнения next build, а также добавляет дополнительное форматирование, чтобы логи выглядели единообразно с остальными этапами сборки. Чтобы обеспечить поддержку TypeScript 7 без JS API, нам пришлось изменить способ запуска TypeScript и напрямую использовать установленную команду tsc. Это изменение доступно через experimental.useTypeScriptCli. Оно выпущено в составе Next.js 16.3 Preview. Установить эту версию можно командой: npm install next@preview @WebDev_Plus

Лучший эффект мерцания текста на CSS Сделано с помощью background-clip — стоит сохранить. .txt { background-clip: text; color: #0000; background: var(--gradient) 0 0 / 300% 100%; animation: shim 2s infinite; } @​keyframes shim { 0% { background-position: 100% 0; } } @WebDev_Plus

Прокачайте свой сайт или приложение с помощью этой библиотеки Эта библиотека весит всего 2 КБ и предоставляет 10 простых в использовании звуков, которые улучшают обратную связь (UI feedback) в пользовательском интерфейсе. > pnpm add cuelume @WebDev_Plus