Web Stack
Open in Telegram
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты. Админ: @jem_jem Реклама: http://bit.ly/2wZeIPj 👉 Дайджест мобильной разработки @mobile_dvlp
Show more4 085
Subscribers
-324 hours
-107 days
-1830 days
Posts Archive
4 085
Три причины раздувания зависимостей в JavaScript
Разбираем три типовых источника dependency bloat: поддержка древних рантаймов, защита от мутаций глобального окружения и кросс realm значения, из за которых в npm деревьях копятся лишние микропакеты. Узнаем, как начать чистить дерево без поломок.
https://43081j.com/2026/03/three-pillars-of-javascript-bloat
4 085
Knip v6: ускорение в 2–4 раза за счет oxc-parser и oxc-resolver
Knip v6 полностью заменил TypeScript backend на oxc-parser и oxc-resolver, убрав лишнюю обвязку и ускорив статический анализ. Дополнительно оптимизированы плагины для конфигов, добавлена поддержка TS namespaces, а также обновлены требования к Node.js и несколько форматов отчетов.
https://knip.dev/blog/knip-v6
4 085
Инфраструктура AWS через JSX и Terraform
React2AWS превращает знакомый синтаксис JSX в готовые Terraform модули, чтобы описывать VPC, Fargate, RDS и другие ресурсы как компоненты. Есть live editor, предпросмотр и экспорт в ZIP, так что можно быстро собрать прод инфраструктуру без километровых tf файлов.
https://github.com/mmarinovic/React2AWS
4 085
Nullify: детект и блок невидимой AI транскрипции встреч
Nullify это open source десктоп приложение для macOS и Windows, которое в реальном времени распознает скрытые AI инструменты транскрипции и блокирует их через аудиозащиту с психоакустическими искажениями. Всё работает локально, показывает мгновенное уведомление о активном инструменте и помогает защитить приватные разговоры в Zoom, Meet и Teams.
https://dev.to/dpelleri/i-built-an-open-source-app-to-detect-block-invisible-ai-meeting-transcription-5da
4 085
JS Benchmarks: сравниваем производительность JavaScript
Сравнивайте скорость выполнения популярных операций и сценариев в JavaScript, чтобы быстрее находить узкие места и выбирать оптимальные подходы для веб приложений. Полезно для бенчмаркинга, профилирования и принятия решений при оптимизации кода.
https://jsbenchmarks.com/
4 085
Генеративный UI для веба на React и Next.js
Syntux принимает любое значение и автоматически проектирует интерфейс, описывая его через JSON-DSL и React Interface Schema. Поддерживаются стриминг генерации, кэширование, реактивные обновления и подключение кастомных компонентов для точной верстки под ваш продукт.
https://github.com/puffinsoft/syntux
4 085
Node.js: минимальный HashDoS-устойчивый и быстро обратимый целочисленный хеш для V8
HashDoS атакует детерминированные хеши, провоцируя массовые коллизии и блокируя event loop; в релизе March 2026 для V8 добавили целочисленный хеш, который одновременно трудно предсказать и быстро инвертировать с использованием секретных ключей.
https://nodejs.org/en/blog/vulnerability/march-2026-hashdos
4 085
Тихие блокеры в robots.txt: как ошибки могут незаметно убрать сайт из Google
Неправильный .robots.txt может остановить обход страниц или скрыть важные директории, из-за чего контент не попадает в поиск. Разбираем типовые ошибки вроде Disallow: /, блокировок ресурсов и синтаксических опечаток, и проверяем конфиг через инструменты Google.
https://dev.to/freedevkit/the-silent-blockers-how-robotstxt-mistakes-can-ghost-your-site-from-google-12h0
4 085
SEO и GEO в 2026 году: как настроить статический сайт на Astro с двумя языками
В статье разбирается, как собрать статический сайт на Astro так, чтобы поисковики и языковые модели видели готовый HTML, а не клиентский рендер. Показаны практики POSSE, уникальные meta, canonical и hreflang, а также редирект на нужную языковую версию для стабильного продвижения.
https://habr.com/ru/articles/1016942
4 085
Адаптивная гексагональная сетка на современном CSS
Соберите повторяющуюся гексагональную сетку без медиа запросов и JS, используя flexbox, CSS переменные и современные возможности вроде corner-shape и точных вычислений для смещения рядов. Код короче, меньше магических чисел, а размер и gap управляются одной парой переменных.
https://css-tricks.com/responsive-hexagon-grid-using-modern-css/
4 085
Сценарное E2E тестирование для современных JS приложений
Scenetest помогает проверять продукт через inline ассерты и сценарио-оркестрацию с несколькими актерами, чтобы тесты были ближе к реальному пользовательскому пути. Подключайте Vite plugin и пишите спецификации в TypeScript или в исполняемом markdown DSL, а запуск делайте командой pnpm scenetest.
https://github.com/scenetest/scenetest-js
4 085
Vite 8.0: долгожданный Rolldown
Переход на новый бандлер Rolldown, который значительно ускоряет сборку в 10–30 раз и унифицирует процесс разработки. Также релиз приносит встроенные devtools, улучшенную поддержку TypeScript и новые возможности для SSR.
https://habr.com/ru/companies/first/articles/1009646/
4 085
Начало работы с Popover API
Popover API позволяет браузерам нативно обрабатывать такие элементы, как тултипы, значительно сокращая объем JavaScript и улучшая доступность. Благодаря этому, сложные сценарии открытия/закрытия, взаимодействия с клавиатурой и фокусом теперь реализуются платформой, а не кастомным кодом.
https://www.smashingmagazine.com/2026/03/getting-started-popover-api/
4 085
Подробное руководство по настройке списков с помощью CSS
Разбираем свойства
list-style-type, псевдоэлемент ::marker для базовой кастомизации и правило @counter-style для создания собственных систем нумерации
https://frontendfoc.us/link/181162/web4 085
Представляем border-shape: будущее непрямоугольного веба.
Это экспериментальное CSS-свойство определяет кастомную форму границы элемента, заставляя фон, тени и контуры следовать новой геометрии.
https://frontendfoc.us/link/181213/web
4 085
Как ресайзить разметку будто это изображение
Об использовании CSS Container Queries для адаптивного дизайна.
https://hackernoon.com/html-how-to-resize-an-image-with-css-container-queries
4 085
Новые условия в программе Bug Bounty от Яндекса
Увеличение награды для охотников за ошибками до 1 миллиона рублей, новые устройства в программе (Станция Дуо Макс, Миди и ТВ Станция) и фокус на поиски ошибок именно в новых разработках компании. Попробовать найти ошибки может любой, кто отлично ориентируется в информационной безопасности.
https://t.me/alice_yndx/943
4 085
Harvard CS50
Полный курс по Computer Science 2023
https://www.youtube.com/watch?v=LfaMVlDaQ24&ab_channel=freeCodeCamp.org
4 085
CORS, CSP, HTTPS, HSTS
Отличия CORS от CSP и как они защищают ваши приложения.
https://habr.com/ru/companies/ruvds/articles/421347/
4 085
Web-Sockets
Искусство реализации коммуникации в режиме реального времени.
https://dev.to/raunakgurud09/websockets-unlocked-mastering-the-art-of-real-time-communication-2lnj
