#браузеры — Public Fediverse posts

HTML и CSS из прошлого, которые до сих пор актуальны

Привет, Хабр! Я интересуюсь вёрсткой с момента появления первых версий браузера Google Chrome. Конечно, современному фронтендеру тяжело понять то, что я испытывал с коллегами. Мы именно те разработчики, которые знали кучу рецептов, как починить определённый баг в конкретном браузере. Но тогда были не только плохие моменты. В этом легаси осталось много хороших возможностей. Только они затерялись с течением времени. Мне же от этого грустно. По этой причине сегодня пришёл к вам исправлять эту ситуацию. Мы рассмотрим старые возможности HTML и CSS, которые сегодня всё так же полезны. Давайте посмотрим, что я подготовил.

https://habr.com/ru/companies/ruvds/articles/1092326/

#html #браузеры #css #вёрстка #советы #вебразработка #ruvds_статьи

Браузер умеет больше, чем кажется: дайджест недели WASM Smart Engines

Распознавание паспортов, банковских карт и QR, небиометрическая сверка лиц и антифрод в браузере — уже не технология будущего, а эталон удобства и скорости цифрового клиентского опыта. В Smart Engines мы успешно перенесли распознавание паспортов, банковских карт, QR-кодов, платежных реквизитов и деловых документов прямо в браузер с помощью WebAssembly (WASM). Собрали главное за Неделю WASM в одном дайджесте.

https://habr.com/ru/companies/smartengines/articles/1089744/

#распознавание_паспорта #распознавание_документов #браузеры #искусственный_интеллект #автоматизация #ocrтехнологии

История HTML и CSS. Какие элементы и свойства ушли навсегда

Хабр, привет. Многие люди с интересом относятся к истории. Читают книги, рассматривают архитектуру городов, смотрят фильмы времени наших родителей. Мне кажется, веб достиг периода, когда мы можем с интересом поговорить о прошлом HTML и CSS. Сегодня я пришел к вам, чтобы оглянуться немного назад и вспомнить фичи, которые когда-то были частью веба. Возможно, некоторые из них вы когда-то даже использовали. Давайте посмотрим, что я вам подготовил.

https://habr.com/ru/companies/ruvds/articles/1089108/

#html #css #вебразработка #фронтенд #браузеры #вёрстка #устаревшие_технологии #legacy #ruvds_статьи

Vivaldi 8.2 для мобильных устройств: Ваш браузер. Ваши правила. Ваши расширения

Vivaldi предоставляет вам все необходимые инструменты для работы в сети. С нашим последним обновлением Vivaldi 8.2 мы даём вам больше — с полной поддержкой расширений на Android, так что вы можете настроить свой мобильный браузер именно так, как вам нужно.

https://habr.com/ru/companies/vivaldi/articles/1080818/

#vivaldi #релиз #82 #android #ios #браузеры

Кому верит Яндекс Браузер и как попасть в этот список: запускаем Yandex Browser Root Certificate Program

За 15 лет WebPKI — экосистема доверия между сайтами и пользователями — сильно выросла. Появились технологии, которые делают это доверие более прозрачным и проверяемым, изменились подходы к управлению, а многие процессы стали автоматическими: выпуск и обновление сертификатов, публичный аудит через Certificate Transparency и другие механизмы. И, конечно, в истории WebPKI были серьёзные инциденты безопасности, которые показали: правила доверия должны быть публичными, прозрачными и проверяемыми. Однако один вопрос не решается автоматически: кому браузер должен доверять и на каких условиях. Каждый вендор определяет это сам. Поэтому мы открываем Yandex Browser Root Certificate Program — публичную программу добавления корневых сертификатов в хранилище Яндекс Браузера. В ней описаны требования к участникам, аудит и понятная процедура подачи заявки. Под катом рассказываем, какие требования нужно выполнить и как в Браузере устроены WebPKI и связанные с ними контроли безопасности.

https://habr.com/ru/companies/yandex/articles/1075148/

#яндекс #безопасность #браузеры

Режим инкогнито и очистка cookie: почему сайт всё равно узнаёт, что это снова вы

Обычная логика такая: не хочу, чтобы меня узнавали — открываю приватное окно, и всё, я новый посетитель. Логика была верной примерно до середины десятых годов. Сейчас узнавание держится не на cookie, а на наборе свойств самого браузера. Их не надо никуда сохранять — они просто есть, и по их сочетанию посетитель определяется с высокой надёжностью. Очистка хранилища на это не влияет никак: удалять там нечего.

https://habr.com/ru/articles/1075324/

#информационная_безопасность #инкогнито #анонимность #интернет #браузеры

Реализована, но пока не включена по умолчанию, собственная схема URI "googlechrome://", позволяющая внешним сайтам, открытым в других браузерах, при переходе по ссылке вызывать Chrome для отображения страницы.
― https://www.opennet.me/opennews/art.shtml?num=66143

О, ещё ебанина подъехала.

#lang_ru #браузеры #интернет #Google_Chrome

Что происходит, когда вы открываете сайт в браузере: путь одного запроса

Вы вводите адрес в браузере и нажимаете Enter. Через долю секунды на экране появляется страница — настолько привычное действие, что мы не задумываемся, сколько всего происходит между нажатием клавиши и первым отрисованным пикселем. А происходит немало. Браузер превращает имя сайта в IP-адрес и договаривается с сервером о шифровании. Затем он отправляет запрос, дожидается ответа, разбирает полученный код и превращает его в картинку на экране. Все это укладывается в миллисекунды. Разбираться в этом пути полезно не только из любопытства. Когда сайт долго грузится, это понимание сразу подсказывает, где искать причину: в DNS, в медленном ответе сервера или в тяжелом JavaScript, который блокирует отрисовку. То же понимание помогает осознанно выбирать хостинг и настройки сервера. Дальше — весь путь по шагам: от разбора адреса до отрисованной страницы.

https://habr.com/ru/companies/timeweb/articles/1073860/

#dns #http #tcp #ip #tls #браузеры #вебразработка #сети #timeweb_статьи

SOP & CORS

Держите открытыми две вкладки. В одной — интернет-банк, куда вы залогинены и где на экране висит ваш баланс. В другой — какой-то сайт, на который вы забрели по ссылке из выдачи, ничего особенного. Теперь вопрос, который на первый взгляд кажется надуманным, а на деле упирается в фундамент всей веб-безопасности: что мешает скрипту со второго сайта взять и прочитать ваш баланс из первого?

https://habr.com/ru/articles/1069658/

#cors #sop #sameorigin_policy #crossorigin #веббезопасность #xss #csrf #браузеры #httpзаголовки

Расширение Boss Alert для Chrome: Manifest V3, мгновенный режим паники и зачистка истории за 5 минут

Знакомая ситуация: вы на пару минут отвлеклись от кода, чтобы проверить личную почту или почитать мемы, и в этот момент за спиной бесшумно материализуется начальник. Судорожные попытки закрыть вкладку мышкой или переключиться по Alt+Tab на IDE часто выглядят подозрительно — секундное замешательство выдает вас с головой. Я решил автоматизировать защиту своего офисного пространства и написал Boss Alert — ультралегкое (всего 26 Кб) Chrome-расширение под Manifest V3. По нажатию хоткея оно мгновенно сворачивает «неуставные» вкладки, подменяет экран нейтральной рабочей страницей, а после ухода босса — восстанавливает сессию обратно. В этой статье я покажу изнутри, как устроен этот «режим паники» и почему расширению можно доверять (разбор манифеста и логики приватности).

https://habr.com/ru/articles/1058996/

#браузеры #расширение #работа

Отозвали сертификат у MAX и VK: разбираемся, что это технически значит — и почему это не «конец Рунета»

В июне 2026-го ленты заполнили заголовки: «У MAX отозвали сертификат», «GlobalSign лишает Рунет сертификатов», «интернет ломается». Что произошло на самом деле: 6 июня GlobalSign отозвал TLS-сертификат веб-версии MAX, исполняя новые обязательные правила CA/Browser Forum по санкционной проверке. Запущен поэтапный массовый отзыв у российских организаций. Разбираемся технически: что такое отзыв сертификата и чем он отличается от истечения срока и недоверия к корню; почему «небезопасно» в браузере ≠ взлом; почему Chrome и Edge вообще не проверяют отзыв онлайн — и какой эффект реально бьёт сильнее. Со схемами цепочки доверия, разбором мифов и честным взглядом на то, где паника, а где настоящая проблема. Разобраться

https://habr.com/ru/articles/1050118/

#браузеры #системное_администрирование

Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026

Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming снова стал серьёзной платформой: Jack Herrington собирает 17 библиотек в одном приложении, а Software Engineering Daily с Эриком Дабилбором из Poki разбирает WebAssembly и WebGL/WebGPU на практике — чтобы увидеть, как устроены и стек, и дистрибуция современных веб-игр. 🤖 Старые приёмы промптинга режут точность reasoning-моделей, а закрытая вкладка не останавливает счёт — токены и GPU крутятся впустую — чтобы перестроить работу с ИИ и не платить за отменённую работу. 🛡️ Next.js с дефолтными настройками уязвим к RCE через Server Actions — даже если «серверных функций у нас нет» — чтобы не жить с иллюзией безопасности. 🎨 Центрирование всё ещё ломает голову, а каскадные анимации плодят сотни :nth-child — честный разбор центрирования и новые sibling-index() / sibling-count() — чтобы понимать, почему код работает, а не подбирать методом тыка. ⚡ Зелёные async-тесты врут, PDF застревает в iframe, геометрия — в sin/cos, DI падает на проде — PDFSlick, Geometric.js, InferDI и разбор ловушек Jest — чтобы ловить ошибки до деплоя, а не в три часа ночи. ⚛️ React-зоопарк, неделя конфигов и ручная мемоизация: карта Robin Wieruch на 2026-й, Rockpack из коробки, TanStack AI без вендорного замка, visx 4.0, RSC в TanStack Start и React Compiler — чтобы собирать стек без споров и вычистить лишний шум из кодбейза. 👁️ TanStack Table почти убил типы и автокомплит во Vue — честный разбор на Habr — чтобы брать библиотеку только под ту боль, которую не решить за час на чистом Vue. 🌎 Chrome подставляет тяжёлые блоки по ходу стрима, Firefox говорит с железом через Web Serial, canvas наконец принимает DOM — чтобы меньше костылей в вёрстке и проще UI поверх графики. 🦮 aria-label на div — ложная доступность, которую скринридер проглатывает — чтобы не тратить время на иллюзию a11y. 📦 Код пишут агенты, а ценность — в суждении: cpojer, автор Jest, о том, что осталось важно инженеру — чтобы направлять систему, а не печатать быстрее. ⚡ Node молча жрёт память, если стримы игнорируют backpressure — чтобы баг не всплыл только на по-настоящему большом датасете.

https://habr.com/ru/articles/1047986/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs #ux

Frontend Status: свежий дайджест фронтенда и AI — 15.06.2026

Привет! Это 18 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Экосистема TanStack кажется бесконечной, а browser gaming снова стал серьёзной платформой: Jack Herrington собирает 17 библиотек в одном приложении, а Software Engineering Daily с Эриком Дабилбором из Poki разбирает WebAssembly и WebGL/WebGPU на практике — чтобы увидеть, как устроены и стек, и дистрибуция современных веб-игр. 🤖 Старые приёмы промптинга режут точность reasoning-моделей, а закрытая вкладка не останавливает счёт — токены и GPU крутятся впустую — чтобы перестроить работу с ИИ и не платить за отменённую работу. 🛡️ Next.js с дефолтными настройками уязвим к RCE через Server Actions — даже если «серверных функций у нас нет» — чтобы не жить с иллюзией безопасности. 🎨 Центрирование всё ещё ломает голову, а каскадные анимации плодят сотни :nth-child — честный разбор центрирования и новые sibling-index() / sibling-count() — чтобы понимать, почему код работает, а не подбирать методом тыка. ⚡ Зелёные async-тесты врут, PDF застревает в iframe, геометрия — в sin/cos, DI падает на проде — PDFSlick, Geometric.js, InferDI и разбор ловушек Jest — чтобы ловить ошибки до деплоя, а не в три часа ночи. ⚛️ React-зоопарк, неделя конфигов и ручная мемоизация: карта Robin Wieruch на 2026-й, Rockpack из коробки, TanStack AI без вендорного замка, visx 4.0, RSC в TanStack Start и React Compiler — чтобы собирать стек без споров и вычистить лишний шум из кодбейза. 👁️ TanStack Table почти убил типы и автокомплит во Vue — честный разбор на Habr — чтобы брать библиотеку только под ту боль, которую не решить за час на чистом Vue. 🌎 Chrome подставляет тяжёлые блоки по ходу стрима, Firefox говорит с железом через Web Serial, canvas наконец принимает DOM — чтобы меньше костылей в вёрстке и проще UI поверх графики. 🦮 aria-label на div — ложная доступность, которую скринридер проглатывает — чтобы не тратить время на иллюзию a11y. 📦 Код пишут агенты, а ценность — в суждении: cpojer, автор Jest, о том, что осталось важно инженеру — чтобы направлять систему, а не печатать быстрее. ⚡ Node молча жрёт память, если стримы игнорируют backpressure — чтобы баг не всплыл только на по-настоящему большом датасете.

https://habr.com/ru/articles/1047982/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

[Перевод] Пишем движок для JavaScript с нуля

Как выкатить собственный движок JavaScript Привет, Хаброжители! Мы подготовили для вас перевод статьи, в которой автор делится опытом создания собственного движка JavaScript с нуля. Автор на языке Go с нуля создаёт простой движок JavaScript. В статье пошагово разобраны ключевые этапы: от лексического анализа и построения AST до реализации вычислителя и встроенных функций ( print , fetch , JSON ). Отличный материал, чтобы понять, как код на JS превращается в работающие инструкции.

https://habr.com/ru/companies/piter/articles/1044852/

#javascript #c++ #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 04.06.2026

Привет! Это 17 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Страница отрисована, а интерфейс всё ещё «оживает»: отложенная гидратация в TanStack Start на карусели Jack Herrington и подкаст с Андерсом Хейлсбергом — от Turbo Pascal до того, как ИИ меняет ремесло, когда код пишут не построчно — чтобы понять, где теряется скорость и куда движется разработка. 🤖 Половина кода уже с ИИ, а доверия меньше: опрос State of AI 2026 (54% сгенерированного кода), Яндекс и тысячи конфликтов при мерже Chromium, перцептрон 1959 года и «чтение мыслей» модели Anthropic — чтобы смотреть на внедрение ИИ цифрами и без иллюзий. 🛡️ Пустили агента в репозиторий — а что он может сломать: разбор Positive Technologies и история, когда ИИ «находит» CVE, который уже был в обучающих данных — чтобы не открывать доступ вслепую. 💫 Анимация замирает вместе с React: управление бесконечными CSS-циклами без прыжков и сравнение CSS, Motion и GSAP на главном потоке — чтобы интерфейс оставался плавным без лишнего JavaScript. ⚡ Нужна коллаборация как в Figma и Miro: Hocuspocus от Tiptap на Y.js и CRDT без гонок правок — WebSocket, офлайн и Redis — чтобы собрать совместное редактирование в своём редакторе без тяжёлого бэкенда. ⚡ Поиск раздувают до эмбеддингов и LLM: Fuse.js ~6 КБ с нечётким поиском, кириллицей и Web Workers в 7.4.0 — чтобы находить по списку в браузере без сервера и векторной базы. ⚡ TypeScript кажется очевидным, пока не упёрлись в типы: 15 коротких приёмов от Matt Smith — satisfies , проверка «все варианты учтены», строгий режим — чтобы писать безопаснее и без лишних аннотаций. ⚛️ React-шаблон на 35 000 звёзд без хаоса в репозитории: разбор Bulletproof React на Habr и MUI X 9.3 — чтобы взять проверенную архитектуру и не собирать стек с нуля. 🔥 Ember 7.0 без сюрпризов при мажоре: в основном сняли устаревшее, путь через 6.12 и Vite по умолчанию — чтобы обновиться без лотереи. 🅰️ Angular 22 меняет правила игры: OnPush по умолчанию, signal forms и инструменты для агентов в API — чтобы заложить новый проект на актуальных примитивах, а не по инерции. 𝐒 Svelte: $state.eager и pending больше не рвут зависимости, батчи идут связным списком — чтобы асинхронный UI вёл себя предсказуемо после обновления. 📦 Solid 2 в бета-версии, звонки WebRTC в production и шрифтовые иски на 15,3 млн ₽: асинхронность как примитив, грабли CallKit и SFU, PHP-парсер для проверки сайта — чтобы не удивляться ни релизу, ни иску. 🌎 Браузер снова забирает вёрстку у хаков: column-rule и row-rule в зазорах grid/flex и HTML внутри canvas за флагом — чтобы меньше DOM-обходов и проще UI поверх 3D. 🌐 Стандарты без костылей: сравнение объектов по значению (Composites в TC39) и элемент <install> для PWA без своего JavaScript — чтобы меньше полагаться на ссылки и самописные кнопки установки. 🛠️ Агенты под контролем: statewright с фазами и лимитами, свой Claude Code за вечер на DeepSeek и экспериментальный агент доступности GitHub н

https://habr.com/ru/articles/1043510/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

Frontend Status: свежий дайджест фронтенда и AI — 25.05.2026

Привет! Это 16 выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Если Next.js кажется слишком «магическим»: интервью с создателем TanStack — про client-first, type inference и честный выбор стека без маркетингового тумана. 🤖 Когда ИИ уже в проде, а контроля нет: от джунов без Copilot до паттерна «архитектор + разработчик», ревью агентских PR, «В поисках Мемо» (одна таблица в ClickHouse вместо Qdrant и Chroma) и on-premise на 4× RTX 4090 с водянкой — чтобы внедрять AI дисциплинированно. 🛡️ Один пропуск в npm — и секреты в CI утекают: атака на 84 пакета @tanstack , чеклист безопасности React (XSS, HttpOnly, CSP, Zod) и инициатива Mozilla WAICT — чтобы не узнавать об инциденте из новостей. 🎨 CSS и анимации без лишнего JS: safe-area-inset на реальных устройствах, забытые HTML/CSS-фичи, scrollytelling на scroll-state queries и портфолио на GSAP + шейдерах — чтобы интерфейс выглядел дороже, а код оставался прозрачным. ⚡ JavaScript и Node.js 26 без сюрпризов при миграции: orval из OpenAPI, когда цепочки .filter().map() вредят читаемости, Temporal и ломающие изменения в релизе от 5 мая — чтобы меньше гадать и быстрее обновлять рантайм. ⚛️ React-стек 2026 без ставки вслепую: патчи Next.js, local-first как data architecture, карта 60+ библиотек, Ant Design 6.4 и whisper.rn on-device — чтобы выбрать инструменты осознанно, а не по инерции. 🅰️ Angular и инфраструктура вокруг него: Taiga UI MCP для агентов. 📦 GitHub в России, интерактивная карта HistoryPrint на 13 000 событий, критика FSD, Safari TP 243, дизайн-система в DESIGN.md без дизайнера и сводка апдейтов Deno, Vite, Next.js, Vue и Tailwind — …и многое другое.

https://habr.com/ru/articles/1039126/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

Я разобрался, какие браузеры реально помогают сохранить анонимность

Раньше я относился к приватности в браузере довольно наивно. Казалось, что если включить режим инкогнито, поставить блокировщик рекламы и периодически чистить cookies, то ты уже сделал примерно всё, что может обычный пользователь. Потом я начал разбираться в browser fingerprinting и понял неприятную вещь: браузер сам по себе может быть идентификатором. Даже без cookies сайт видит набор технических признаков - от размера окна и WebGL до шрифтов, языка, часового пояса и поведения JavaScript API. И если эти признаки достаточно редкие, пользователя можно узнавать снова и снова. После этого мне стало интересно посмотреть на браузеры не как на “быстрый/удобный/красивый”, а как на инструменты приватности и анонимности. Что реально скрывает Chrome? Почему Firefox нужно настраивать аккуратно? Чем Brave отличается от обычного Chromium? Что DuckDuckGo режет, а что не может скрыть? Почему AI-браузеры вроде Perplexity создают новую поверхность утечек? И почему Tor остаётся отдельной категорией, но тоже не магической кнопкой “стать невидимым”. В этой статье я разбираю браузеры через модель угроз: кто за вами наблюдает, какие данные получает и где приватность заканчивается маркетингом.

https://habr.com/ru/articles/1032300/

#браузеры #анонимность #приватность #fingerprinting #tracking #tor_browser #Chrome #firefox #Brave #safari

Frontend Status: свежий дайджест фронтенда и AI — 06.05.2026

Привет! Это 15-й выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 MoscowJS 70 про инженерную культуру в действии: доклады и круглый стол показывают, как командам быстрее синхронизироваться и принимать сильные технические решения. ⚛️ React Server Components и кеширование страниц: разбираем partial page caching, чтобы ускорять загрузку и снижать стоимость рендеринга без потери актуальности контента. 🤖 AI из «вау-демо» переходит в дисциплину: разбираем рабочие промпт-пайплайны и практики Claude Code, которые дают предсказуемый результат, а не случайный успех. 🛡️ Безопасность больше не факультатив: кейс критической уязвимости в GitHub и массовый багхант в Firefox напоминают, как быстро один пропуск превращается в инцидент. 🎨 CSS и анимации взрослеют: от scroll-driven подходов до нативной случайности и новых API, которые делают интерфейсы богаче без тяжёлого JS. ⚡ JavaScript и React на новом витке: ES2025/ES2026, типизированные контракты, React Compiler, TanStack Form и useHotkeys как база для масштабируемой фронтенд-разработки. 🌐 Стандарты и платформа двигаются вперёд: Baseline, Long Animation Frames, CBOR-LD и апдейты WebGPU меняют практику производительности и межплатформенной разработки. …и многое другое.

https://habr.com/ru/articles/1032276/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

Я разобрался, какие браузеры реально помогают сохранить анонимность

Раньше я относился к приватности в браузере довольно наивно. Казалось, что если включить режим инкогнито, поставить блокировщик рекламы и периодически чистить cookies, то ты уже сделал примерно всё, что может обычный пользователь. Потом я начал разбираться в browser fingerprinting и понял неприятную вещь: браузер сам по себе может быть идентификатором. Даже без cookies сайт видит набор технических признаков — от размера окна и WebGL до шрифтов, языка, часового пояса и поведения JavaScript API. И если эти признаки достаточно редкие, пользователя можно узнавать снова и снова. После этого мне стало интересно посмотреть на браузеры не как на “быстрый/удобный/красивый”, а как на инструменты приватности и анонимности. Что реально скрывает Chrome? Почему Firefox нужно настраивать аккуратно? Чем Brave отличается от обычного Chromium? Что DuckDuckGo режет, а что не может скрыть? Почему AI-браузеры вроде Perplexity создают новую поверхность утечек? И почему Tor остаётся отдельной категорией, но тоже не магической кнопкой “стать невидимым”. В этой статье я разбираю браузеры через модель угроз: кто за вами наблюдает, какие данные получает и где приватность заканчивается маркетингом. Выбрать безопасный браузер

https://habr.com/ru/articles/1031838/

#браузеры #анонимность #приватность #fingerprinting #tracking #Tor_Browser #Chrome #Firefox #Brave #телеметрия

WebAssembley: обзор технологии, эксперименты с числами и немножко мечтаний о браузерах без JS

WebAssembly находится в разработке уже более 8 лет. Технология прошла долгий путь развития и недавно разработчики из Bytecode Alliance выкатили версию 3.0 О WebAssembly уже много материалов, но сегодня нам важна сама суть. У нас есть возможность, воспользовавшись любым из доступных языков программирования, написать модуль с необходимой нам логикой и запустить в исполняемой среде браузера. Разработчики обещают: модули будут быстрее и безопаснее, чем JavaScript, а также созданные ранее технологии, наподобие asm.js На связи Борис Мещеряков, frontend-разработчик в ПСБ и чаще всего мне приходится работать с javascript-фреймворками - React, Angular и прочими. Узнав о WebAssembly, я какое-то время наблюдал за его развитием. Мне стало интересно, может ли новая технология помочь мне уже сейчас? Какие ее возможности существуют на данный момент и какие реальны в будущем? Разберёмся вместе?

https://habr.com/ru/companies/psb/articles/1028368/

#webassembly #js #javascript #обзор #обзор_технологии #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 27.04.2026

Привет! Это четырнадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Vue на развилке роста: разбираем State of Vue 2026, чтобы понять, куда вложить время сегодня и не чинить стек завтра. 🤖 AI без иллюзий, но с результатом: от генеративных UI и reasoning-RAG до правил, которые уменьшают «переписывание ради переписывания» в код-ассистентах. 🛡️ Безопасность как конкурентное преимущество: сверяем npm-практики по OWASP, кейс Context.ai и экономику фейковых звезд, чтобы не привезти риск в прод. 🎨 Новый CSS вместо старых костылей: sizes="auto" и HTML в <canvas> показывают, как делать богаче интерфейсы и проще поддержку. ⚡ JS/TS и фреймворки под давлением масштаба: читаемость кода, ускорение Angular и обновления React/Vue как ориентиры для технических решений. 🧪 Инструменты, которые сокращают путь до релиза: автогенерация E2E, Excel через WebAssembly и процедурный звук для живого интерфейса. …и многое другое.

https://habr.com/ru/articles/1028734/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

[Перевод] Я установил все расширения Firefox

Эпичная история установки всех* расширений для браузера Firefox. Это был непростой процесс, который-таки увенчался успехом. Не обошлось в нём и без некоторых любопытных поворотов, неразрешённых вопросов и помощи друга. Как выяснилось, всего у Firefox 84 тысячи расширений . Вроде бы не особо много , и по факту даже меньше 50 ГБ. Так что приступим! *Всех, кроме 8, которые мы не соскрейпили (или которые удалили в промежутке между моментом проверки их списка на сайте и запуском скрипта), и 42, которые отсутствовали в extensions.json. 1 Так что чисто технически мы установили 99,94% всех расширений.

https://habr.com/ru/companies/ruvds/articles/1024470/

#ruvds_перевод #программирование #браузеры #firefox #расширения_firefox #javascript

Frontend Status: свежий дайджест фронтенда и AI — 18.04.2026

Привет! Это 13-й выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Для тех, кто хочет делать игровые интерфейсы быстрее: видео про 2D-игры с AI и Phaser, где генеративные инструменты работают как напарник, а не как «чёрный ящик». 🤖 В AI-разделе — разбор того, что уже можно брать в прод: micro-ml на Rust/WASM, кейс крупной техкомпании с роем из 50+ агентов, Flint Alpha и практическая интеграция Claude с видео. 🛡️ По безопасности фокус на снижении рисков: прикладной XSS, бесплатная оценка уязвимостей кода от GitHub и дорожная карта крупной техкомпании по постквантовой криптографии. 🎨 CSS-блок про баланс визуала и доступности: почему box-shadow не заменяет outline в forced-colors и как сохранить корректный фокус. ⚛️ React-секция для тех, у кого интерфейсный слой растёт в сложности: управление модалками без хаоса, UI без брейкпоинтов и состояние компонентов через radio state machine. ⚡ В JS/TS — практичный набор без перегруза: Pretext для текста, k-means для палитр, модульная архитектура, Intl API и Web Audio API в Node/Bun. 🅰️ Angular-раздел посвящён Signal Forms в v21 и тому, как перейти к типизированным формам без ручных подписок. 🌐 В стандартах и дизайне — что уже можно внедрять сейчас: CSS Image Animation, Baseline за март, Liquid UI и UX-подходы для legacy-систем. …и многое другое.

https://habr.com/ru/articles/1025036/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

[Перевод] Microsoft включила Edge на всех компьютерах без спроса, и пользователи впали в ярость

В немецком языке есть слово, которое означает стыд, который испытываешь за кого-то другого: Fremdschämen . И прямо сейчас я испытываю именно это — за Microsoft. В том, что можно описать только как отчаянную попытку «ну пожалуйста, ну используйте же наш Edge» , Microsoft вносит изменение в будущую версию Windows 11, которое иначе как уморительно позорным не назовёшь. Когда я впервые об этом услышал, я подумал, что это шутка. Но нет. Это реально. Поразительно, до неловкости реально. Microsoft вообще ещё серьёзная компания?

https://habr.com/ru/companies/bothub/articles/1022554/

#ии #нейросети #машинное+обучение #браузеры #microsoft #firefox

Frontend Status: свежий дайджест фронтенда и AI — 09.04.2026

Привет! Это 12-й выпуск Frontend Status - дайджеста по фронтенд-разработке. В этом выпуске: 📺 Крупные релизы и видео: Babylon.js 9.0 и доклад Таннера Линсли про TanStack Start. 🤖 AI в проде без розовых очков: как агенты «видят» веб, что не так с персонами в промптах и почему Cloudflare меняет подход к кэшу. 🛡️ Supply chain снова в фокусе: пауза bug bounty в Node.js, кейс с axios и практичные меры защиты зависимостей. 🎨 CSS-практика без магии: containment, sticky по осям, subgrid, dino game и «жидкие» анимации от Темани Афифа. ⚡ JavaScript/TypeScript: главное по JS 2026, новый JSIR от Google и утилиты для View Transitions. 🅰️ Angular-экосистема для AI-эпохи и не только: ngxtension, LLMs.txt в NG-ZORRO и MCP-страница в PrimeNG. 🌎 Веб-стандарты и браузеры: W3C про AI и голосовых агентов, JetStream 3 и MCP-коннектор в Opera Neon. 🖌️ UI/UX и доступность: WebAIM Million 2026, дизайн для людей с тревожностью и разборы про принципы дизайна. …и многое другое.

https://habr.com/ru/articles/1021402/

#javascript #typescript #react #angular #vuejs #css #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 03.04.2026

Привет! Это одиннадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Плейлист по отладке Next.js с Sentry. 🤖 Рэйчел Эндрю и Эдди Османи — два взгляда на AI: когда использовать, а когда координировать целый оркестр агентов. 🛡️ GlassWorm: атака через невидимые Unicode-символы в npm-пакетах и расширениях VS Code. 🎨 CSS Anchor Positioning: два круга, стрелка и ноль строк JS от Темани Афифа. ⚛️ Storybook MCP для React, data-testid как признак недоступности и пошаговые туры через React Joyride. 👁️ Vue Devtools не работает в продакшене? QA-инженер написал свой инспектор. 🌎 Chrome 147 с scoped view transitions, Safari TP 240 и дайджест веб-платформы за март. 🖌️ Осмысленное трение в UX, ARIA-роли для дизайнеров и тест масштабирования шрифтов в Figma. …и многое другое.

https://habr.com/ru/articles/1018828/

#javascript #typescript #react #angular #vuejs #css #браузеры #ux #ui

Frontend Status: свежий дайджест фронтенда и AI — 27.03.2026

Привет! Это юбилейный десятый выпуск Frontend Status — дайджеста по фронтенд-разработке и AI. В этом выпуске: 📺 TanStack AI генерирует картинки, а не только чат-ботов. 🤖 Почему ИИ выдаёт глупый код — и трёхуровневая архитектура, которая это исправляет. 🎨 Математическая модель masonry-раскладки на Flexbox — с алгеброй, а не «работающим примером». ⚡ TypeScript 6.0, обновления безопасности Node.js, петиция против AI-кода в ядре Node.js и Kafka из Node.js по-взрослому. ⚛️ TanStack улучшил пропускную способность SSR в 5 раз, а Strawberry Browser переписал 130 000 строк с React на Svelte за две недели. 🅰️ Angular выпустила официальные скиллы для AI-агентов. 💚 Компоненты визуализации звука для Vue.js на Web Audio API. …и многое другое. Читать

https://habr.com/ru/articles/1015700/

#javascript #typescript #react #angular #vuejs #css #браузеры

Frontend Status: свежий дайджест фронтенда и AI — 18.03.2026

Привет! Это девятый выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Разговор с Машей Кондрашиной из Авито о том, что в IT больше не спорят из-за технологий. 🤖 VS Code переходит на еженедельные релизы благодаря AI-агентам, Chrome объясняет разницу между MCP и WebMCP, а Эдди Османи вводит термин «comprehension debt». ⚛️ React получает shadcn/cli v4 с режимом для агентов, SvelteKit ловит FOWL, Astro v6 подтягивает данные из API прямо в content collections. 🌎 Chrome 146, Mozilla за анонимность в вебе. 🎨 Брэд Фрост о дизайне в эпоху AI. 📦 Эмпирическое исследование утечек памяти на 500 репозиториях. ...и многое другое.

https://habr.com/ru/articles/1012160/

#javascript #typescript #react #angular #vuejs #css #браузеры

HTTP-кеширование изнутри: ETag, Last-Modified и эвристика браузера

Как браузер принимает решение о кешировании? Что такое условный HTTP-запрос? Как возникает 304 Not Modified? Как устроен принудительный запрос ресурса, минуя кеш? Если эти вопросы для вас актуальны, прошу на огонёк. Изложение намеренно подробное: статья адресована и тем, кто только начинает путь в веб-разработке, и тем, кто просто хочет закрыть отдельные пробелы в понимании механизма кеширования. Скажем "нет" слепому копированию заголовков кеширования. Погружаемся

https://habr.com/ru/articles/1010594/

#сети #http #кеширование #кэширование #rfc9111 #starlette #uvicorn #httpсервер #браузеры #rfc9110

Frontend Status: свежий дайджест фронтенда и AI — 12.03.2026

Привет! Это восьмой выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске — CodePen 2.0 и клон Loom на Next.js в видео; про AI: почему коллекция промптов не заменяет мышление, автоисследования на игровом PC и онбординг через Oncode. Безопасность в центре: Clinejection (4000 машин через GitHub-issue), как GitHub защищает агентские воркфлоу, укорочение срока жизни TLS-сертификатов, веб-агенты, сливающие данные пользователей, и 22 CVE в Firefox после проверки кодовой базы Claude. В CSS — все способы выбрать <html> , война z-index и подводный камень Anchor Positioning; в JS — когда пора переходить на Rust, разбор requestAnimationFrame и постмортем npm-червя Shai-Hulud. По фреймворкам: ретро-компоненты и cron-генератор в React, микрофронтенды в Angular 21. Веб-стандарты: обновление WCAG 3 и отчёт TC39 про ES2026. Браузеры: Chrome переходит на двухнедельные релизы, Edge предлагает атрибут focusgroup . Плюс VS Code 1.111 с инфраструктурой для Copilot-агентов, «убедительный дизайн» и усталость от токенов, TDD в эпоху AI, элемент <geolocation> , AT Protocol под капотом Bluesky и запуск Cursor-агентов из Telegram. Читать

https://habr.com/ru/articles/1009296/

#javascript #typescript #react #angular #vuejs #css #браузеры

В настройках Firefox опция отключения JIT для JS тоже бы не помешала, без заныривания в about:config.

#lang_ru #firefox #браузеры

https://youtu.be/gFd1N0RAFGo

Проект #Сено #Ceno https://play.google.com/store/apps/details?id=ie.equalit.ceno • #свобода #информация #впн #vpn #сети #браузеры