Автор ковыряет вёрстку с тех самых времён, когда Chrome был ещё первой версией, а не монополией. И честно признаётся: современному фронтендеру уже не понять, что они с коллегами тогда испытывали.
Это были не просто разработчики, а ходячие справочники рецептов: «вот этот баг в конкретном браузере лечится вот так, и не спрашивай почему».
Но не всё было мраком. В том легаси закопали кучу годных приёмов — их просто засыпало временем, фреймворками и горами зависимостей. Автору от этого грустно, поэтому он пришёл разгребать.
В статье — старые возможности HTML и CSS, которые сегодня работают не хуже любого нового хайпа.
Читать далее
👉 Логово Верстальщика
Это были не просто разработчики, а ходячие справочники рецептов: «вот этот баг в конкретном браузере лечится вот так, и не спрашивай почему».
Но не всё было мраком. В том легаси закопали кучу годных приёмов — их просто засыпало временем, фреймворками и горами зависимостей. Автору от этого грустно, поэтому он пришёл разгребать.
В статье — старые возможности HTML и CSS, которые сегодня работают не хуже любого нового хайпа.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Как вставлять иконки в веб, не трогая HTML
Ли Веру показывает трюк: иконки настраиваются через кастомные свойства
На выходе получается чистая система иконок, которая, по её словам, «более гибкая и поддерживаемая, чем то, что вы использовали». Ну конечно, твоя свалка из инлайновых SVG и спрайтов, собранная в 2019-м, — тоже вариант, но давай честно.
Материал вышел в Frontend Focus #762 от 14 октября 2026 года.
👉 Логово Верстальщика
Ли Веру показывает трюк: иконки настраиваются через кастомные свойства
--icon, @property, style queries и mask. Разметку не трогаем вообще — только CSS.На выходе получается чистая система иконок, которая, по её словам, «более гибкая и поддерживаемая, чем то, что вы использовали». Ну конечно, твоя свалка из инлайновых SVG и спрайтов, собранная в 2019-м, — тоже вариант, но давай честно.
Материал вышел в Frontend Focus #762 от 14 октября 2026 года.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Deno уходит в Cloudflare. С приветом от Node
Спойлер: в Cloudflare команда Deno едет не ковырять дальше Deno. Задача — прикрутить celld к workerd, чтобы вы могли сами разворачивать Durable Objects. Остальное — по списку: рантайм Deno получает год официальных патчей, как сантехника по гарантии, Deno Deploy выключат через полгода, а JSR пересаживают на инфраструктуру Cloudflare.
На Hacker News Райан Даль, не моргнув, признал, что Deno «затянуло в гравитационный колодец совместимости с Node». И сразу добил вопросом: «Зачем переписывать Node? Он работает». Десять лет революции, итог —новый рантайм мечты плагин к чужому воркеру.
JavaScript Weekly #806
👉 Логово Верстальщика
Спойлер: в Cloudflare команда Deno едет не ковырять дальше Deno. Задача — прикрутить celld к workerd, чтобы вы могли сами разворачивать Durable Objects. Остальное — по списку: рантайм Deno получает год официальных патчей, как сантехника по гарантии, Deno Deploy выключат через полгода, а JSR пересаживают на инфраструктуру Cloudflare.
На Hacker News Райан Даль, не моргнув, признал, что Deno «затянуло в гравитационный колодец совместимости с Node». И сразу добил вопросом: «Зачем переписывать Node? Он работает». Десять лет революции, итог —
JavaScript Weekly #806
Please open Telegram to view this post
VIEW IN TELEGRAM
Карандашный набросок, который заливается акварелью: разбор эффекта на SVG без библиотек
Жил-был автор, которому приспичило сделать интерактивную открытку на день рождения. И не просто «картинка появилась» — нет, ему подавай кино: сначала карандашные линии прорисовываются, а потом по тапу сверху натекает акварель, да ещё с рваным краем, как у краски, впитавшейся в бумагу. Красиво, чёрт возьми.
Готового решения под такое он, естественно, не нашёл. Видео тоже отпало: нужна реакция на тап, да и на любом экране картинка должна оставаться чёткой, а не превращаться в кашу из пикселей.
Собрал всё в итоге на чистом SVG, паре фильтров и небольшой горсти JS. В статье — пошаговый разбор с кодом и честный список грабель, которые автор старательно собрал лбом.
Читать далее
👉 Логово Верстальщика
Жил-был автор, которому приспичило сделать интерактивную открытку на день рождения. И не просто «картинка появилась» — нет, ему подавай кино: сначала карандашные линии прорисовываются, а потом по тапу сверху натекает акварель, да ещё с рваным краем, как у краски, впитавшейся в бумагу. Красиво, чёрт возьми.
Готового решения под такое он, естественно, не нашёл. Видео тоже отпало: нужна реакция на тап, да и на любом экране картинка должна оставаться чёткой, а не превращаться в кашу из пикселей.
Собрал всё в итоге на чистом SVG, паре фильтров и небольшой горсти JS. В статье — пошаговый разбор с кодом и честный список грабель, которые автор старательно собрал лбом.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
React 19.3 выкатился 9 сентября 2026-го. И вот в чём беда: если ты следишь за React только по громким релизам, ты в момент прощёлкаешь, как библиотека тихо разворачивается в другую сторону. 19.3 — ровно такой случай.
Из интересного автор выцепляет пару хуков: ViewTransition и Fragment Refs. Плюс новые плюшки для SSR, Server Components и работы с браузерными API.
Читать далее
👉 Логово Верстальщика
Из интересного автор выцепляет пару хуков: ViewTransition и Fragment Refs. Плюс новые плюшки для SSR, Server Components и работы с браузерными API.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
В SuperSet 6.0 завезли возможность пихать HTML прямо в метрики и измерения сводных таблиц. Автор утверждает, что это прям развязало руки BI-разработчикам в деле форматирования.
В статье — как собрать сводную таблицу со сменой периодов и выводом красивой дельты. На дельтах, Jinja и HTML. Никакой магии, просто нормальный инструмент, о котором многие не догадывались.
Читать далее
👉 Логово Верстальщика
В статье — как собрать сводную таблицу со сменой периодов и выводом красивой дельты. На дельтах, Jinja и HTML. Никакой магии, просто нормальный инструмент, о котором многие не догадывались.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
Автор популярных книг по программированию признался, что из-за ИИ больше не знает, чему учить начинающих разработчиков
Торстен Балл рассказал, что регулярно получает письма от джунов с просьбой дать карьерный совет. Раньше ответ был как из методички: учи языки, пиши код, иди в опенсорс — и работа сама тебя найдёт. Теперь эта схема дружно идёт лесом: до 50% знаний, в которые он вкладывал годы, уже не так важны.
Так что вместо очередного языка он советует прокачивать то, что ИИ пока не отобрал:
— понимать, что и зачем ты создаёшь, а не просто строчить код;
— разбираться в бизнесе и решать реальные проблемы, а не те, что придумали на дейлике;
— отвечать за результат, а не только за свой кусок работы;
— включать системное мышление и учиться нормально разговаривать с людьми.
Делаем выводы
👉 Логово Верстальщика
Торстен Балл рассказал, что регулярно получает письма от джунов с просьбой дать карьерный совет. Раньше ответ был как из методички: учи языки, пиши код, иди в опенсорс — и работа сама тебя найдёт. Теперь эта схема дружно идёт лесом: до 50% знаний, в которые он вкладывал годы, уже не так важны.
Так что вместо очередного языка он советует прокачивать то, что ИИ пока не отобрал:
— понимать, что и зачем ты создаёшь, а не просто строчить код;
— разбираться в бизнесе и решать реальные проблемы, а не те, что придумали на дейлике;
— отвечать за результат, а не только за свой кусок работы;
— включать системное мышление и учиться нормально разговаривать с людьми.
Делаем выводы
Please open Telegram to view this post
VIEW IN TELEGRAM
«Мы бы умерли от страха»: в Google Labs придумали, как благодарить лучших сотрудников — их зовут на встречу, оформленную как вызов на ковёр перед увольнением.
Вице-президент Google Labs рассказывает: сотруднику внезапно ставят созвон с 4–5 руководителями, без повестки, без темы, без «добрый день». Человек заходит, мысленно прощаясь с ипотекой, а начальники по очереди поют ему дифирамбы: какой ты молодец, как мы тебя ценим. Сюрприз, мать его.
Гениальный менеджмент, конечно. Сначала доведи сотрудника до состояния «готов писать заявление прямо в чате», а потом удивляйся, почему у него дёргается глаз от любого календарного приглашения.
Интересно, сколько народу за эти пару минут успели обновить резюме или словить микроинфаркт
👉 Логово Верстальщика
Вице-президент Google Labs рассказывает: сотруднику внезапно ставят созвон с 4–5 руководителями, без повестки, без темы, без «добрый день». Человек заходит, мысленно прощаясь с ипотекой, а начальники по очереди поют ему дифирамбы: какой ты молодец, как мы тебя ценим. Сюрприз, мать его.
Гениальный менеджмент, конечно. Сначала доведи сотрудника до состояния «готов писать заявление прямо в чате», а потом удивляйся, почему у него дёргается глаз от любого календарного приглашения.
Интересно, сколько народу за эти пару минут успели обновить резюме или словить микроинфаркт
Please open Telegram to view this post
VIEW IN TELEGRAM
OpenAI показала, как устроила «генеральную уборку» в коде с помощью ИИ: за две недели выпилили больше 800 тыс. строк
Инженеры рассказали, как заставили Codex вынюхивать мёртвый код, просроченные эксперименты и фичефлаги, которые уже никто не помнит зачем включал. ИИ шерстит репозитории, историю изменений и данные продакшена и проверяет, что можно снести без последствий, а что лучше не трогать.
Результат: один из контейнеров похудел на 48%, а медианное время CI-проверок упало с 10 до 4,5 минуты. Советы и готовые промпты — в блоге. Идём разгребать свой цифровой хлам
👉 Логово Верстальщика
Инженеры рассказали, как заставили Codex вынюхивать мёртвый код, просроченные эксперименты и фичефлаги, которые уже никто не помнит зачем включал. ИИ шерстит репозитории, историю изменений и данные продакшена и проверяет, что можно снести без последствий, а что лучше не трогать.
Результат: один из контейнеров похудел на 48%, а медианное время CI-проверок упало с 10 до 4,5 минуты. Советы и готовые промпты — в блоге. Идём разгребать свой цифровой хлам
Please open Telegram to view this post
VIEW IN TELEGRAM
Anthropic выпустила большое исследование о том, как Claude меняет работу внутри компании. Главное:
— Доля джунов среди программистов упала с 27% до 9%. При этом компания продолжает активно нанимать людей, но всё чаще отдаёт предпочтение мидлам и сеньорам.
— Сами ИИ-агенты уже работают в 6 раз больше часов, чем сотрудники Anthropic, а в исследовательских подразделениях — в 19 раз.
— При этом количество коммитов на одного инженера выросло в 5 раз всего за (!) полгода. Причём даже нетехнические специалисты в 45 раз чаще используют Claude для автоматизации повседневных задач.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
TanStack Start 1.0 официально вылез из release candidate — просидел в этом статусе год, но кто вообще считает годы, когда у тебя наконец-то стабильный релиз.
Таннер Линсли рассказывает, как проект вырос из TanStack Router, и без лишнего пафоса признаётся про RSC: это была «та галочка, которую нам нужно было поставить, чтобы нас воспринимали серьёзно как React-фреймворк». Апофеоз честности: tanstack.com сам RSC больше не использует. Галочку поставили, можно и снять.
Дальше цифры, которые приятно тыкать в лицо скептикам. Одно и то же приложение на Start и Next.js 16.4: Start вывез в 2,9–8,6 раза больше динамических запросов и собрался примерно в 1,7 раза быстрее — причём с включённой проверкой типов, а не в режиме «лишь бы завелось».
Переезжать есть куда и с чем: официальные гайды по миграции с Next.js и с RC. Sarthak Mishra вообще перетащил свой сайт с Astro и объяснил, почему не жалеет. Райан Карниато сформулировал лучше всех — назвал Start «React-метафреймворком с архитектурой, которую я могу принять». А в ветке r/reactjs Таннер пояснил, почему «1.0» в npm значится как
Источник: React Status #494
Таннер Линсли рассказывает, как проект вырос из TanStack Router, и без лишнего пафоса признаётся про RSC: это была «та галочка, которую нам нужно было поставить, чтобы нас воспринимали серьёзно как React-фреймворк». Апофеоз честности: tanstack.com сам RSC больше не использует. Галочку поставили, можно и снять.
Дальше цифры, которые приятно тыкать в лицо скептикам. Одно и то же приложение на Start и Next.js 16.4: Start вывез в 2,9–8,6 раза больше динамических запросов и собрался примерно в 1,7 раза быстрее — причём с включённой проверкой типов, а не в режиме «лишь бы завелось».
Переезжать есть куда и с чем: официальные гайды по миграции с Next.js и с RC. Sarthak Mishra вообще перетащил свой сайт с Astro и объяснил, почему не жалеет. Райан Карниато сформулировал лучше всех — назвал Start «React-метафреймворком с архитектурой, которую я могу принять». А в ветке r/reactjs Таннер пояснил, почему «1.0» в npm значится как
1.169. Семвер — это не про правду, это про переговоры.Источник: React Status #494
Специалисты VirusTotal изучили 36 тысяч скиллов и обнаружили, что почти 7 тысяч из них вредоносны. Причем нацелены они именно на вайбкодеров, так как 62% из них содержат промпт-инъекции для агентов. При этом самые хитрые из вайбхакеров прячут их прямо в документации, HTML-комментариях и с помощью невидимых Unicode-символов.
Собственно, прежде чем ставить скилл для ИИ-агента, просканируйте его во имя собственной безопасности
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Please open Telegram to view this post
VIEW IN TELEGRAM
ИИ-бум: кто кого переживёт
Новый выпуск — про то, как «нейрослопный» хайп перепахивает работу в айти. По делу: что за зверь этот AI First SDLC, зачем в схему засунули Human in the LOOP (спойлер: чтобы хоть кто-то отвечал за этот цирк) и к чему готовиться, пока модели не научились сами себя ревьюить.
Смотреть: YouTube
👉 Telegram | 🌥 Claude и другие ИИ
Новый выпуск — про то, как «нейрослопный» хайп перепахивает работу в айти. По делу: что за зверь этот AI First SDLC, зачем в схему засунули Human in the LOOP (спойлер: чтобы хоть кто-то отвечал за этот цирк) и к чему готовиться, пока модели не научились сами себя ревьюить.
Смотреть: YouTube
Please open Telegram to view this post
VIEW IN TELEGRAM
Оригинальный движок GTA переписали на JavaScript
Да, кто-то реально взял и переписал движок Grand Theft Auto 1997 года на JavaScript и WebGL. Bramus подтягивает Liberty City прямо из демо-файлов самой игры — никаких ассетов «сверху», всё честно, как в 90-е. Поиграть можно по ссылке из выпуска, если вам мало страданий в рабочее время.
Отдельный респект Пэту Керру: его прототип для Atari ST 1996 года лёг в основу физики машин в оригинальной игре. И спустя годы он заново собрал его на JavaScript. Вот это я понимаю — не «переписать на современном стеке», а достать скелет из шкафа и заставить его крутиться в браузере.
JavaScript Weekly #808, 27 октября 2026
👉 Telegram | 🌥 Claude и другие ИИ
Да, кто-то реально взял и переписал движок Grand Theft Auto 1997 года на JavaScript и WebGL. Bramus подтягивает Liberty City прямо из демо-файлов самой игры — никаких ассетов «сверху», всё честно, как в 90-е. Поиграть можно по ссылке из выпуска, если вам мало страданий в рабочее время.
Отдельный респект Пэту Керру: его прототип для Atari ST 1996 года лёг в основу физики машин в оригинальной игре. И спустя годы он заново собрал его на JavaScript. Вот это я понимаю — не «переписать на современном стеке», а достать скелет из шкафа и заставить его крутиться в браузере.
JavaScript Weekly #808, 27 октября 2026
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
Забытые сторонние скрипты стали каналом доставки шпионского ПО
Схема проще, чем твой последний стендап. Атакующие скупают просроченные домены — те самые, что когда-то крутили аналитику, рекламу и виджеты. Домен протух, а тег на сайте остался. Итог: сайт бодро и молча тянет код атакующих, а ты думаешь, что у тебя всё под контролем.
Скотт Хелм из Frontend Focus напоминает прописную истину: иди и проверь, что там у тебя понавешано с 2019 года. Аудит таких тегов — это не паранойя, это гигиена.
Frontend Focus #764
👉 Telegram | 🌥 Claude и другие ИИ
Схема проще, чем твой последний стендап. Атакующие скупают просроченные домены — те самые, что когда-то крутили аналитику, рекламу и виджеты. Домен протух, а тег на сайте остался. Итог: сайт бодро и молча тянет код атакующих, а ты думаешь, что у тебя всё под контролем.
Скотт Хелм из Frontend Focus напоминает прописную истину: иди и проверь, что там у тебя понавешано с 2019 года. Аудит таких тегов — это не паранойя, это гигиена.
Frontend Focus #764
Please open Telegram to view this post
VIEW IN TELEGRAM
TanStack Redact: браузерная замена React, которая весит меньше
TanStack выкатил Redact — drop-in замену React/React DOM прямо в браузере. Суёшь её в конфиг сборки (Start, Vite, Vinext и Next.js поддерживаются) и отгружаешь меньше JavaScript. Звучит как мечта, да?
Но есть нюанс: рендеринг синхронный, никакого time slicing. Так что compatibility guide вам в руки, иначе будете ловить весёлые сюрпризы. Автор — Tanner Linsley, так что хотя бы не ноунеймы с гаража.
На r/reactjs народ ожидаемо завёл шарманку «а кому это вообще надо» и «чем от Preact отличается». А один тестировщик взял и замерил: ре-рендеры жрут примерно вдвое больше CPU на двух продакшн-сайтах. Вот тебе и «легче». Меньше байт — больше процессора, классика жанра.
Источник: React Status #495
👉 Telegram | 🌥 Claude и другие ИИ
TanStack выкатил Redact — drop-in замену React/React DOM прямо в браузере. Суёшь её в конфиг сборки (Start, Vite, Vinext и Next.js поддерживаются) и отгружаешь меньше JavaScript. Звучит как мечта, да?
Но есть нюанс: рендеринг синхронный, никакого time slicing. Так что compatibility guide вам в руки, иначе будете ловить весёлые сюрпризы. Автор — Tanner Linsley, так что хотя бы не ноунеймы с гаража.
На r/reactjs народ ожидаемо завёл шарманку «а кому это вообще надо» и «чем от Preact отличается». А один тестировщик взял и замерил: ре-рендеры жрут примерно вдвое больше CPU на двух продакшн-сайтах. Вот тебе и «легче». Меньше байт — больше процессора, классика жанра.
Источник: React Status #495
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1