This media is not supported in your browser
VIEW IN TELEGRAM
Динамический эффект прожектора: применяем CSS-маски, кастомные свойства и немного JS для создания интересного эффекта → https://www.jomaendle.com/blog/focus-zoom-at-property
ESLint Plugin De Morgan, ESLint-плагин для упрощения логических выражений согласно правилам де Моргана → https://github.com/azat-io/eslint-plugin-de-morgan
pkg-size, инструмент для анализа влияния NPM-пакетов на размер локальных node_modules и на размер бандла при сборке → https://pkg-size.dev
ESLint теперь официально поддерживает линтинг CSS: несколько готовых правил, поддержка кастомного синтаксиса и другие подробности → https://eslint.org/blog/2025/02/eslint-css-support/
This media is not supported in your browser
VIEW IN TELEGRAM
Отказываемся от JS-библиотек для анимаций: руководство по созданию анимированного меню на View Transitions → https://www.builder.io/blog/view-transitions
Doom на типах TypeScript: энтузиасты сообщества Michigan TypeScript разработали полноценный WebAssembly-рантайм на типах TypeScript и запустили на нем Doom → https://youtu.be/0mCsluv5FXA
This media is not supported in your browser
VIEW IN TELEGRAM
Храповой механизм для нарушений правил ESLint: инженеры Notion рассказывают, как они не допускают рост количества нарушений ESLint-правил в кодовой базе, и делятся плагином для реализации такой же механики → https://www.notion.com/blog/how-we-evolved-our-code-notions-ratcheting-system-using-custom-eslint-rules
Lynx, инструмент для разработки кроссплатформенных приложений на веб-технологиях: разработан ByteDance и используется в приложениях TikTok, разделяет код на основной и фоновый потоки для быстродействия, есть интеграция с React → https://lynxjs.org
Компилятор TypeScript переписывают на Go: новая неполная версия компилятора уже работает в 10 раз быстрее, она выйдет под версией TypeScript 7 → https://devblogs.microsoft.com/typescript/typescript-native-port/
Почему Go, а не Rust? Ответ Райана Кавано, тимлида команды разработки Тайпскрипта → https://www.reddit.com/r/typescript/comments/1j8s467/comment/mh7ni9g/
Почему Go, а не Rust? Ответ Райана Кавано, тимлида команды разработки Тайпскрипта → https://www.reddit.com/r/typescript/comments/1j8s467/comment/mh7ni9g/
В CSS теперь возможно вертикальное центрирование одним свойством без использования флексов и гридов: новое свойство align-content и обзор способов, которыми были вынуждены пользоваться верстальщики до его появления → https://build-your-own.org/blog/20240813_css_vertical_center/
Ускоряем масштабную миграцию тестов с LLM: инженеры Airbnb рассказывают, как они перевели тесты с Enzyme на React Testing Library с помощью LLM → https://medium.com/airbnb-engineering/accelerating-large-scale-test-migration-with-llms-9565c208023b
This media is not supported in your browser
VIEW IN TELEGRAM
В Chrome 135 появилась возможность полной стилизации нативных селектов: другие браузеры пока этого не поддерживают, но такая стилизация может быть прогрессивным улучшением → https://developer.chrome.com/blog/a-customizable-select
This media is not supported in your browser
VIEW IN TELEGRAM
Вышла Anime.js 4.0, библиотека для создания сложных анимаций в вебе на чистом JS: новая модульная архитектура, поддержка Web Animation API, анимации прокрутки и многое другое → https://animejs.com
Больше контента без рекламы – благодаря вам
Поддержите канал через Patreon или Boosty:
https://patreon.com/forweb
https://boosty.to/forweb
Три уровня поддержки:
🤝 Товарищ: символический способ поддержать нас
👀 Инсайдер: доступ в закрытый канал и чат с более частыми и ранними публикациями
🤑 Фронтенд-меценат: всё вышеперечисленное + ссылка на вас или ваш проект в разделе спонсоров на нашем сайте
Благодаря вашей поддержке мы не публикуем назойливую рекламу курсов и не продвигаем HR-бренды корпораций. Спасибо, что читаете нас!
Поддержите канал через Patreon или Boosty:
https://patreon.com/forweb
https://boosty.to/forweb
Три уровня поддержки:
🤝 Товарищ: символический способ поддержать нас
👀 Инсайдер: доступ в закрытый канал и чат с более частыми и ранними публикациями
🤑 Фронтенд-меценат: всё вышеперечисленное + ссылка на вас или ваш проект в разделе спонсоров на нашем сайте
Благодаря вашей поддержке мы не публикуем назойливую рекламу курсов и не продвигаем HR-бренды корпораций. Спасибо, что читаете нас!
За пределами NPM: выбираем зависимости с умом. Обзор сервисов для поиска и детального анализа NPM-пакетов → https://forweb.dev/ru/blog/npm-tools
Массовое подавление ошибок: в ESLint появился официальный механизм для постепенного включения новых правил в большой кодовой базе → https://eslint.org/blog/2025/04/introducing-bulk-suppressions/
This media is not supported in your browser
VIEW IN TELEGRAM
Rsdoctor, инструмент для продвинутого анализа процесса и результата бандлинга, совместимый с Rspack и Webpack → https://rsdoctor.dev
Интересные возможности:
– таймлайн со временем работы каждого лоадера
– можно посмотреть, как конкретный лоадер преобразовал конкретный файл
– классический анализ бандла и графа зависимостей/модулей
– сравнение бандлов до/после для отслеживания ухудшений в CI
Интересные возможности:
– таймлайн со временем работы каждого лоадера
– можно посмотреть, как конкретный лоадер преобразовал конкретный файл
– классический анализ бандла и графа зависимостей/модулей
– сравнение бандлов до/после для отслеживания ухудшений в CI
This media is not supported in your browser
VIEW IN TELEGRAM
Галерея обложек на современном CSS со Scroll-Driven анимациями: Эдди Османи разбирает современную реализацию культового эффекта галереи из iPod → https://addyosmani.com/blog/coverflow/
Относительные цвета в CSS: интерактивное руководство по новому синтаксису, позволяющему динамически менять цвета прямо в браузере без препроцессоров → https://ishadeed.com/article/css-relative-colors/
GSAP теперь бесплатен: продвинутая библиотека для анимаций и все её платные плагины теперь доступны сообществу благодаря Webflow → https://gsap.com/blog/3-13/