Web Stack
4.27K subscribers
819 photos
5 videos
1.79K links
Дайджест web разработчика: статьи, туториалы, практики и полезные инструменты.

Админ: @jem_jem
Реклама: http://bit.ly/2wZeIPj

👉 Дайджест мобильной разработки @mobile_dvlp
Download Telegram
Подробное руководство по настройке списков с помощью CSS

Разбираем свойства list-style-type, псевдоэлемент ::marker для базовой кастомизации и правило @counter-style для создания собственных систем нумерации

https://frontendfoc.us/link/181162/web
👍41🤯1
Начало работы с Popover API

Popover API позволяет браузерам нативно обрабатывать такие элементы, как тултипы, значительно сокращая объем JavaScript и улучшая доступность. Благодаря этому, сложные сценарии открытия/закрытия, взаимодействия с клавиатурой и фокусом теперь реализуются платформой, а не кастомным кодом.

https://www.smashingmagazine.com/2026/03/getting-started-popover-api/
👍32🔥2
Vite 8.0: долгожданный Rolldown

Переход на новый бандлер Rolldown, который значительно ускоряет сборку в 10–30 раз и унифицирует процесс разработки. Также релиз приносит встроенные devtools, улучшенную поддержку TypeScript и новые возможности для SSR.

https://habr.com/ru/companies/first/articles/1009646/
3👍2
Сценарное E2E тестирование для современных JS приложений

Scenetest помогает проверять продукт через inline ассерты и сценарио-оркестрацию с несколькими актерами, чтобы тесты были ближе к реальному пользовательскому пути. Подключайте Vite plugin и пишите спецификации в TypeScript или в исполняемом markdown DSL, а запуск делайте командой pnpm scenetest.

https://github.com/scenetest/scenetest-js
3👎1👌1
Адаптивная гексагональная сетка на современном CSS

Соберите повторяющуюся гексагональную сетку без медиа запросов и JS, используя flexbox, CSS переменные и современные возможности вроде corner-shape и точных вычислений для смещения рядов. Код короче, меньше магических чисел, а размер и gap управляются одной парой переменных.

https://css-tricks.com/responsive-hexagon-grid-using-modern-css/
👍2👎1
SEO и GEO в 2026 году: как настроить статический сайт на Astro с двумя языками

В статье разбирается, как собрать статический сайт на Astro так, чтобы поисковики и языковые модели видели готовый HTML, а не клиентский рендер. Показаны практики POSSE, уникальные meta, canonical и hreflang, а также редирект на нужную языковую версию для стабильного продвижения.

https://habr.com/ru/articles/1016942
🔥21🤔1
Тихие блокеры в robots.txt: как ошибки могут незаметно убрать сайт из Google

Неправильный .robots.txt может остановить обход страниц или скрыть важные директории, из-за чего контент не попадает в поиск. Разбираем типовые ошибки вроде Disallow: /, блокировок ресурсов и синтаксических опечаток, и проверяем конфиг через инструменты Google.

https://dev.to/freedevkit/the-silent-blockers-how-robotstxt-mistakes-can-ghost-your-site-from-google-12h0
🔥3🤔1
Node.js: минимальный HashDoS-устойчивый и быстро обратимый целочисленный хеш для V8

HashDoS атакует детерминированные хеши, провоцируя массовые коллизии и блокируя event loop; в релизе March 2026 для V8 добавили целочисленный хеш, который одновременно трудно предсказать и быстро инвертировать с использованием секретных ключей.

https://nodejs.org/en/blog/vulnerability/march-2026-hashdos
👍3
Генеративный UI для веба на React и Next.js

Syntux принимает любое значение и автоматически проектирует интерфейс, описывая его через JSON-DSL и React Interface Schema. Поддерживаются стриминг генерации, кэширование, реактивные обновления и подключение кастомных компонентов для точной верстки под ваш продукт.

https://github.com/puffinsoft/syntux
3👍2🔥1
JS Benchmarks: сравниваем производительность JavaScript

Сравнивайте скорость выполнения популярных операций и сценариев в JavaScript, чтобы быстрее находить узкие места и выбирать оптимальные подходы для веб приложений. Полезно для бенчмаркинга, профилирования и принятия решений при оптимизации кода.

https://jsbenchmarks.com/
👍41
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💩1
Инфраструктура AWS через JSX и Terraform

React2AWS превращает знакомый синтаксис JSX в готовые Terraform модули, чтобы описывать VPC, Fargate, RDS и другие ресурсы как компоненты. Есть live editor, предпросмотр и экспорт в ZIP, так что можно быстро собрать прод инфраструктуру без километровых tf файлов.

https://github.com/mmarinovic/React2AWS
🤡4👍2
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
14🔥1
Три причины раздувания зависимостей в JavaScript

Разбираем три типовых источника dependency bloat: поддержка древних рантаймов, защита от мутаций глобального окружения и кросс realm значения, из за которых в npm деревьях копятся лишние микропакеты. Узнаем, как начать чистить дерево без поломок.

https://43081j.com/2026/03/three-pillars-of-javascript-bloat
🔥3
Куда исчезло 400 MiB в Node.js контейнере

Кейс, в котором после перезапуска подов память у одного экземпляра Node.js резко прыгала дискретными шагами и больше не возвращалась. Анализ через /proc и V8 inspector показал, что рост сидит в private dirty anonymous памяти процесса и требует смотреть не только на heap, но и на реальную картину аллокаций в момент нагрузки.

https://frn.sh/pmem/
👍1🤯1
Скрытая цена копипаста кода в ChatGPT

ИИ ускоряет разработку только на бумаге: исследование METR показало, что опытные разработчики на сложных задачах становятся на 19% медленнее, потому что теряют контекст и тратят время на отладку и уточнения. Главная проблема не в качестве генерации, а в workflow с постоянными переключениями и объяснениями того, что IDE и проект уже знают.

https://dev.to/ziva/the-hidden-cost-of-copy-pasting-code-into-chatgpt-dl2
👍4
Безопасность Node.js март 2026

Обновления для веток 25.x, 24.x, 22.x и 20.x закрывают несколько уязвимостей в TLS, HTTP обработке, permission model, URL парсинге и HMAC валидации, включая сценарии с DoS, крашем процесса и потенциальной утечкой через timing.

https://nodejs.org/en/blog/vulnerability/march-2026-security-releases
Разработка серверных приложений на Vite через плагин vavite

vavite позволяет использовать Vite как транспайлер и бандлер для серверного кода, упрощая разработку и сборку SSR и не только SSR сценариев. Подключайте плагин в vite.config, создавайте entry.server.ts и получайте быстрый dev с HMR, а в production запускайте сервер отдельно.

https://github.com/cyco130/vavite