NoLoJS

Рабочие группы по новым фичам CSS не просто так свой хлеб едят — многие вещи, которые раньше без JS нормально было никак не сделать, теперь делаются в 2–3 свойства.

Аарон Ти Грогг собрал коллекцию шаблонов, где JS-код легко заменить на HTML и CSS. Например, в аккордеонах, каруселях, модальных окнах и так далее.

Не забывайте, что подход ‘CSS Only’ имеет и недостатки, поэтому используйте шаблоны вдумчиво. Те же нативные карусели пока что сообществом A11y-экспертов не рекомендуются без доработок.

https://aarontgrogg.github.io/NoLoJS/

MDN MCP-сервер

Теперь можно писать в вашем LLM-инструменте «А проверь-ка, дружище, на MDN, работает ли этот метод в Safari и как его правильно применять».

Команда MDN зарелизила свой MCP-сервер, который умеет давать подсказки по документации, браузерной поддержке и поиску. Причём очень компактный инструмент, токенов просит мало, а документацию возвращает сразу в Markdown.

Команда открыта к фидбеку, можно приносить ишьи прямо в репозиторий.

https://developer.mozilla.org/en-US/blog/introducing-mdn-mcp-server/

TypeScript 7.0 RC

Новость короткая, но очень важная.

npm install -D typescript@rc — и ваш TypeScript начнёт работать в 10 раз быстрее. Потому что теперь под капотом там Go, watch-режим на основе бандлера Parcel и ещё более мощная совместимость с VS Code.

Ещё теперь можно явно указывать, сколько в параллели запускать чекеров и билдеров (флаги --checkers и --builders), если у вас много оперативки и ядер CPU.

Видел, как коллеги подключали TS 7.0 (tsgo) к довольно крупным проектам — и у них и правда всё начинало крутиться в разы быстрее. Не в 10 раз, но в 3–4 точно. И там даже есть патч специально под некоторые особенности нашей платформы разработки. В общем, пора мигрировать.

https://devblogs.microsoft.com/typescript/announcing-typescript-7-0-rc/

Веб-браузеры на игровых консолях

Если ещё не слушали 532 выпуск подкаста «Веб-стандарты», где мы активно ностальгируем, то можно почитать статью, а потом послушать подкаст.

Деклан Чидлоу собрал потрясающий список того, как игровые консоли с 1995 года ходили в интернет. CD-Online disc, браузер PlanetWeb, Randnet, NetFront и так далее. Сама по себе тема очень интересная с точки зрения того, какие раньше перед инженерами стояли вызовы на устройствах, в которые можно воткнуть только картридж или у которых два экрана с 8 кнопками.

https://vale.rocks/posts/game-console-browsers

Идеальная высота настраиваемого селекта

Думаю, вы уже слышали, что select в браузере можно кастомизировать. Правда, пока только в Chrome, но Firefox и Safari уже работают над своими реализациями.

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

Очень подробно, шаг за шагом в статье расписывается, как сделать так, чтобы работало везде хорошо. Спойлер: нужно помучить Anchor positioning.

https://jakearchibald.com/2026/goldilocks-select-height/

Tbilisi JS Meetup #8

Уже завтра, 4 июля, в 15:30 по тбилисскому (в 14:30 по минскому) можно будет подключиться к трансляции качественного митапа по фронтенду. Спикеры — огонь, темы — огонь, организаторы — огонь (ручаюсь, имел честь выступать там офлайн).

Забивайте слот в календариках.

https://t.me/tbilisi_js/596

CodeRun Summer Challenge

Зазываю. Мы тут моей командой пробуем новый формат для соревнований в CodeRun. И в этот раз переделали механику, чтобы можно было хоть самому, хоть с LLM решать, при этом важно не то, кто первый решил, а то, чей код работает быстрее всего на бенчмарках.

Челлендж — это 15 задач, ворваться можно хоть в самый последний день и занять топ.

Почему зазываю? Там бекендеры захватили топ, а в треке JavaScript участников мало: https://coderun.yandex.ru/seasons/2026-summer/tracks/common/catalog?language=javascript

Чтобы выбиться в топ, не нужно обгонять плюсовиков. Нужно обогнать всех остальных фронтендеров. И применять можно вообще любые хаки, читать файлы бинарными чанками, всё в одной нечитаемой функции — полная свобода, лишь бы победить бенчмарк.

https://coderun.yandex.ru/seasons/2026-summer

Как мы делаем Frontend CTF

Старожили этого канала знают, что я каждый год балуюсь и слегка издеваюсь над фронтендерами в формате заданий на фронтендерском CTF.

Написал на Хабре статью про то, как мы небольшой командой ежегодно творим прекрасное, придумываем задания, пилим свой игровой движок, создаём игровую вселенную и катаем Мона Лизу по вымышленному миру.

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

Что на самом деле творят юзер-агенты?

Пол Кинлан собрал классную тулзу, чтобы отслеживать действия каждого user agent. На каждый запрос к сайту создаётся хешик, который привязывается ко всему на странице (стилям, скриптам, шрифтам, картинкам), а затем по этому хешику можно посмотреть, что какой юзер-агент делал на сайте.

Интересно следить за реальными действиями краулеров, LLM-ботов и прочих браузеров, притворяющихся Chrome.

Можно как изучить статистику самого проекта, так и поднять у себя такой же для детальной анилитики на вашем сайте.

https://paul.kinlan.me/ua-tracer/

AT Protocol в «Веб-стандартах»

Давно хотел разобраться, что за протокол такой новый модный, про который многие фронтенд-блогеры писали в течение пары месяцев. Пригласили Дэна Абрамова в подкаст, он подробно объяснил. Хорошо быть подкастером.

В шоуноутах оставили много полезных ссылок, если вам тоже интересно разобраться самостоятельно.

https://t.me/webstandards_ru/7793

Неполный список ошибок в CSS

Рассказывал недавно коллеге про страничку, где собраны признанные W3C косяки при разработке разных CSS-спецификаций. Оказалось, не самая известная страничка.

В общем, у W3C есть страничка, которая начинается с фразы: «Это должно быть исправлено, если кто-то изобретёт машину времени». И там можно посмотреть на решения, которые спустя время выглядят сомнительными. Но откатить нельзя, веб должен быть обратно совместимым.

Например, !important во многих языках программирования — это «НЕ важно». Но в CSS — важно.

Или шрифт в font-family было бы логично всегда брать в кавычки, а не заставлять парсер играть в угадайку.

Захожу иногда на эту страничку, чтобы принять тот факт, что даже если W3C, где собирается куча экспертов и принимает решения коллективно, до сих пор делает ошибки, то мне одному в каких-то решениях помельче ошибаться не так уж и страшно.

https://wiki.csswg.org/ideas/mistakes/

Короткая история доменов

DNS появился ещё в 1983, самый первый домен был symbolics.com, доменная зона .ai принадлежит британскому острову. И другие интересные факты про домены на длинном таймлайне.

https://www.dotcom.press/history-of-domains

Подсветка синтаксиса на основе Tree-sitter

В большинстве IDE подсветка синтаксиса работает на основе регулярных выражений. Топорно, с приколами, но работает же. Tree-sitter — это инкрементальный парсер, который шустро работает с полноценным деревом. Это позволяет починить разные баги, связанные с порядком применения регулярок.

Lumis — это подсвечивалка кода на основе Tree-sitter. Работает в CLI, Rust, Elixir, Node.js, браузерах, Java. Поддерживает больше 110 языков. Прикольная фишка — темизация в терминале.

Попробовал на одном файлике, который у меня в VS Code постоянно ломается из-за неприличной комбинации селекторов в одной длиннющей строке. Lumis справился.

https://lumis.sh/