🦜 on the web

Начинаем открывать адвент календари. Ежегодный адвент-календарь о web performance: новые статьи, практики оптимизации, case-studies от инженеров крупных компаний. https://calendar.perfplanet.com/2025/ Адвент-календарь с анти-паттернами HTML, забавными (и полезными) примерами того, как не стоит верстать. Каждый день — новая статья. https://htmhell.dev/adventcalendar/ Самый популярный адвент-календарь по алгоритмам и программированию: ежедневно выходят интересные задачки разных уровней сложности. ...

React2Shell Как узнать что вас взломали? Информация из чата, будут следующие скрипты и файлы: ssh.sh sex.sh xmrig kai.tar.gz httd Какие есть способы защиты от этой уязвимости? 1. Обновитесь на следующие версии Next.js: 15.0.5 15.1.9 15.2.6 15.3.6 15.4.8 15.5.7 16.0.7 If you are on Next.js 14.3.0-canary.77 or a later canary release, downgrade to the latest stable 14.x release. 2. Обновите Node до 22 версии. Минимальная с которой доступны permissions. Выставите флаги на чтения файловой системы чер...

Не помню, скидывал ли я интерактивные примеры с визуализацией библиотеки effect-ts, продублирую. Так вот. От автора примеров (Kit Langton) вышла еще одна визуализация, но уже по Typescript. https://types.kitlangton.com/ Сайт очень приятный, есть навигация с клавиатуры, которая сопровождается звуковыми эффектами. Тут 149 примеров, которые сопровождаются прогрессом и ачивками. Визуал прям хорош, нравится. Такие вот микро-моменты на сайтах, для меня, делают их более запоминающимися, и прям хочется ...

Команда React работает над внедрением нового Navigation API для Transition, который как я понял, будет показывать нативный лоадер браузера в вкладке, когда идет реальный переход между страницами в SPA, а не фиктивный. Вместо использования громоздкого History API (который изначально не был создан для SPA) и применения компонента <Link>, перехватывающего клики для вызова event.preventDefault() и history.pushState(), появится единая централизованная точка для обработки и перехвата событий навигации...

WEB DEV 2025 25 год был такой же интересный на материалы по фронту, и чтобы вы тоже их не упустили, делаюсь с вами. https://teletype.in/@popuguy/JWsJQnTfmrD Открывайте лучше ссылку, превью не весь список показывает

CSS Extras Сборник полезных пользовательских CSS-функций. Использует новую нативную директиву @function, не требует сборки, можно просто копировать код. Может работать по принципу reset.css Находится еще в разработке, но уже содержит около 43 функций разных категорий. Демка

ESLint: ⚠️ "Nesting ternary expressions can make code more difficult to understand." TypeScript:

Agent Skills Новая спецификация от Anthropic — Skills — быстро набирает популярность в AI-дев сообществе. Идея в том, что агент может получать новые возможности по требованию, через progressive disclosure: подгружается только то, что действительно нужно, чтобы контекст оставался компактным и управляемым. Тема активно обсуждается и появляются ресурсы: • Skills.sh — платформа от Vercel для поиска популярных open-source skills • React Best Practices от Vercel — skills для React и Next.js Пробуйте, ...

Хотел я сделать нативный автокомплит через datalist, но UX на мобилках как-то так себе. Особенно сломано выглядит на ios. Элементы либо не отображаются, либо у них отсутствует подпись (может посмотреть самим по примерам). Еще почему-то вылетает 2 поля для выбора (может это конечно эмулятор так делает). Вот как выглядит в сафари на ios (1) Вот так в хроме на android (2) В фаерфоксе Limited availability. В браузерах в целом привычно, как обычный селект, с возможность подставить значение при вводе....

Ни дня без нового JS движка. Hako — это встраиваемый JavaScript-движок, который преобразуется в WebAssembly. Разработанный на базе форка QuickJS от 6over3, Hako предлагает безопасную и компактную среду исполнения для работы с современным JavaScript, включая поддержку ES2023+, предложений TC39 четвёртой фазы, top-level await, а также встроенное удаление типов TypeScript. Еще почитать о мотивации. Раз и два.