For Web — фронтенд, дизайн, программирование
15K subscribers
5.47K photos
7 videos
5 files
1.75K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Компилятор 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/
В 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-бренды корпораций. Спасибо, что читаете нас!
За пределами 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
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/