Карандашный набросок, который заливается акварелью: разбор эффекта на 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
Claude Pro на 30 дней — на вашем личном аккаунте, без передачи пароля
Подписка Claude Pro или Max 5X на 30 дней на аккаунт покупателя: пароль передавать не нужно.
Сколько стоит
Claude Pro — от 2 473 руб., при оплате по СБП — 2 604 руб. Итоговая цена зависит от способа оплаты и показывается при оформлении.
Как получить
После оплаты ключ для Pro выдаётся автоматически, активация занимает 2–5 минут. Для Max 5X код готовят до 20 минут в рабочие часы; ночные заказы обрабатываются утром.
Что нужно для подключения
Аккаунт без действующей подписки и привязанного способа оплаты. Для Pro — план Free. Для Max 5X — аккаунт, зарегистрированный не менее 30 дней назад.
Гарантия и поддержка
1 месяц гарантии на слёт подписки. Бан аккаунта не покрывается. Вопросы по доступу решает живой оператор. Автосписаний нет: для продления нужна новая покупка.
Заказать в боте Лачуга: Lachuga
Промокод:
Подписка Claude Pro или Max 5X на 30 дней на аккаунт покупателя: пароль передавать не нужно.
Сколько стоит
Claude Pro — от 2 473 руб., при оплате по СБП — 2 604 руб. Итоговая цена зависит от способа оплаты и показывается при оформлении.
Как получить
После оплаты ключ для Pro выдаётся автоматически, активация занимает 2–5 минут. Для Max 5X код готовят до 20 минут в рабочие часы; ночные заказы обрабатываются утром.
Что нужно для подключения
Аккаунт без действующей подписки и привязанного способа оплаты. Для Pro — план Free. Для Max 5X — аккаунт, зарегистрированный не менее 30 дней назад.
Гарантия и поддержка
1 месяц гарантии на слёт подписки. Бан аккаунта не покрывается. Вопросы по доступу решает живой оператор. Автосписаний нет: для продления нужна новая покупка.
Заказать в боте Лачуга: Lachuga
Промокод:
xCode👎2
Климат-контроль на ESP32-C3 — и без облаков, без подписок, без «умного дома», который просит денег за каждый чих.
Мелкий автономный модуль снимает температуру и влажность с AHT10 по I2C и гонит данные прямиком в браузер через WebSocket.
Самое приятное: устройство само себе точка доступа. Никаких роутеров, аккаунтов и «подключите устройство к сети через наше приложение» — поднял ESP32-C3, воткнулся в неё телефоном и смотришь графики. Как взрослые люди, а не как жертвы экосистемы.
Ну а если хочется — да, это ещё и неплохой повод наконец-то сделать что-то руками, а не пересылать мемы про Arduino.
Читать далее
👉 Telegram | 🌥 Claude и другие ИИ
Мелкий автономный модуль снимает температуру и влажность с AHT10 по I2C и гонит данные прямиком в браузер через WebSocket.
Самое приятное: устройство само себе точка доступа. Никаких роутеров, аккаунтов и «подключите устройство к сети через наше приложение» — поднял ESP32-C3, воткнулся в неё телефоном и смотришь графики. Как взрослые люди, а не как жертвы экосистемы.
Ну а если хочется — да, это ещё и неплохой повод наконец-то сделать что-то руками, а не пересылать мемы про Arduino.
Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
Математика воронки в Тиндере
В прошлой статье этот дейтинг-аутстаффер рассказывал, почему нейросети его не заменят, и завёз FAQ, чтобы вы прониклись его лором. В новой — выкатил интерактивный калькулятор дейтинг-ликвидности: gcodegspot.github.io/dating-calculator-2.0
Дисклеймер, чтобы никто не ушёл плакать в угол: результат не про вашу ценность. Это просто набор цифр, который показывает, насколько вам тяжко в онлайн-дейтинге. Калькулятор сделан ради прикола, а реальный дейтинг, как известно, безжалостен. Читать далее
👉 Telegram | 🌥 Claude и другие ИИ
В прошлой статье этот дейтинг-аутстаффер рассказывал, почему нейросети его не заменят, и завёз FAQ, чтобы вы прониклись его лором. В новой — выкатил интерактивный калькулятор дейтинг-ликвидности: gcodegspot.github.io/dating-calculator-2.0
Дисклеймер, чтобы никто не ушёл плакать в угол: результат не про вашу ценность. Это просто набор цифр, который показывает, насколько вам тяжко в онлайн-дейтинге. Калькулятор сделан ради прикола, а реальный дейтинг, как известно, безжалостен. Читать далее
Please open Telegram to view this post
VIEW IN TELEGRAM