For Web 🇺🇦

Годнота для фронтендеров: свежие статьи, доклады, инструменты и многое другое.

In english: @forweb_en

[For Web 🇺🇦 @forwebdev]

For Web без рекламы – благодаря вам

Теперь нас можно поддержать через Patreon и Boosty:

— https://t.co/3Nt2EnF9gM
— https://t.co/UYSWnlpXIQ

Три уровня поддержки ↓🧵

[For Web 🇺🇦 @forwebdev]

GSAP теперь бесплатен: продвинутая библиотека для анимаций и все её платные плагины теперь доступны сообществу благодаря Webflow → https://t.co/gSrvj26Asr

[For Web 🇺🇦 @forwebdev]

Относительные цвета в CSS: интерактивное руководство по новому синтаксису, позволяющему динамически менять цвета прямо в браузере без препроцессоров → https://t.co/yYALRUir1F

[For Web 🇺🇦 @forwebdev]

Галерея обложек на современном CSS со Scroll-Driven анимациями: Эдди Османи разбирает современную реализацию культового эффекта галереи из iPod → https://t.co/cKyeNSUQww

[For Web 🇺🇦 @forwebdev]

Rsdoctor, инструмент для продвинутого анализа процесса и результата бандлинга, совместимый с Rspack и Webpack: умеет показывать время работы каждого лоадера, как конкретный лоадер преобразовал конкретный файл, что попало в бандл, и многое другое → https://t.co/QuzCGQtFNj

[For Web 🇺🇦 @forwebdev]

Массовое подавление ошибок: в ESLint появился официальный механизм для постепенного включения новых правил в большой кодовой базе → https://t.co/lxBii2UZrJ

[For Web 🇺🇦 @forwebdev]

За пределами NPM: выбираем зависимости с умом. Обзор сервисов для поиска и детального анализа NPM-пакетов → https://t.co/zHhPBi6xbt

[For Web 🇺🇦 @forwebdev]

Вышла Anime.js 4.0, библиотека для создания сложных анимаций в вебе на чистом JS: новая модульная архитектура: поддержка Web Animation API, анимации прокрутки и многое другое → https://t.co/AJlPdXtncr

[For Web 🇺🇦 @forwebdev]

Благодаря вашей поддержке мы не публикуем назойливую рекламу курсов и не продвигаем HR-бренды корпораций. Спасибо, что читаете нас!

[For Web 🇺🇦 @forwebdev]

For Web без рекламы – благодаря вам

Теперь нас можно поддержать через Patreon и Boosty:

— https://t.co/3Nt2EnF9gM
— https://t.co/UYSWnlpXIQ

Три уровня поддержки ↓🧵

[For Web 🇺🇦 @forwebdev]

🤝 Товарищ: символический способ поддержать нас

👀 Инсайдер: доступ в закрытый Телеграм-канал с более частыми и ранними публикациями + закрытый чат с автором

🤑 Фронтенд-меценат: всё вышеперечисленное + ссылка на вас или ваш проект в разделе спонсоров на нашем сайте

[For Web 🇺🇦 @forwebdev]

В Chrome 135 появилась возможность полной стилизации нативных селектов: другие браузеры пока этого не поддерживают, но такая стилизация может быть прогрессивным улучшением → https://t.co/pJzruriFHL

[For Web 🇺🇦 @forwebdev]

Ускоряем масштабную миграцию тестов с LLM: инженеры Airbnb рассказывают, как они перевели тесты с Enzyme на React Testing Library с помощью LLM → https://t.co/50qEyqRtLa

[For Web 🇺🇦 @forwebdev]

В CSS теперь возможно вертикальное центрирование одним свойством без использования флексов и гридов: новое свойство align-content и обзор способов, которыми были вынуждены пользоваться верстальщики до его появления → https://t.co/NL0ZdhVyp3

[For Web 🇺🇦 @forwebdev]

Компилятор TypeScript переписывают на Go: новая неполная версия компилятора уже работает в 10 раз быстрее, она выйдет под версией TypeScript 7 → https://t.co/56sA6q8007

Почему Go, а не Rust? Ответ Райана Кавано, тимлида команды разработки Тайпскрипта → https://t.co/WtovK6V36U

[For Web 🇺🇦 @forwebdev]

Lynx, платформа для разработки кроссплатформенных приложений на веб-технологиях: разработана ByteDance и используется в приложениях TikTok, разделяет код на основной и фоновый потоки для быстродействия, есть интеграция с React → https://t.co/XBhRFGD65L

[For Web 🇺🇦 @forwebdev]

Храповой механизм для нарушений правил ESLint: инженеры Notion рассказывают, как они не допускают рост количества нарушений ESLint-правил в кодовой базе, и делятся плагином для реализации такой же механики → https://t.co/2JDfrtQg4j

[For Web 🇺🇦 @forwebdev]

Doom на типах TypeScript: энтузиасты сообщества Michigan TypeScript разработали полноценный WebAssembly-рантайм на типах TypeScript и запустили на нем Doom → https://t.co/Ez8nTZgxZp

[For Web 🇺🇦 @forwebdev]

Отказываемся от JS-библиотек для анимаций: руководство по созданию анимированного меню на View Transitions → https://t.co/THQ6Fu3f6z

[For Web 🇺🇦 @forwebdev]

ESLint теперь официально поддерживает линтинг CSS: несколько готовых правил, поддержка кастомного синтаксиса и другие подробности → https://t.co/1h3Aiism3e

[For Web 🇺🇦 @forwebdev]

pkg-size, инструмент для анализа влияния NPM-пакетов на размер локальных node_modules и на размер бандла при сборке → https://t.co/du3TLtc2HR