For Web — фронтенд, дизайн, программирование
СтатистикаНовости и полезности для фронтендеров. Поддержать, чтобы в канале не было рекламы: https://patreon.com/forweb https://boosty.to/forweb
- Последний пост
- 12 мая 2025 г.
- Последнее чтение
- 20:41
- Постов за неделю
- 0
- Всего постов
- 20
- Тип
- открытый
- Язык
- русский
- Категория
- Технологии
- В каталоге с
- 12 авг.
- 1/24сутки в ленте
- —
- 1/48двое суток
- —
- 1/72трое суток
- —
Оценка по просмотрам недавних постов: пост набирает почти всё за первые сутки.
Посты
GSAP теперь бесплатен: продвинутая библиотека для анимаций и все её платные плагины теперь доступны сообществу благодаря Webflow → https://gsap.com/blog/3-13/
Относительные цвета в CSS: интерактивное руководство по новому синтаксису, позволяющему динамически менять цвета прямо в браузере без препроцессоров → https://ishadeed.com/article/css-relative-colors/
Галерея обложек на современном CSS со Scroll-Driven анимациями: Эдди Османи разбирает современную реализацию культового эффекта галереи из iPod → https://addyosmani.com/blog/coverflow/
Rsdoctor, инструмент для продвинутого анализа процесса и результата бандлинга, совместимый с Rspack и Webpack → https://rsdoctor.dev Интересные возможности: – таймлайн со временем работы каждого лоадера – можно посмотреть, как конкретный лоадер преобразовал конкретный файл – классический анализ бандла и графа зависимостей/модулей – сравнение бандлов до/после для отслеживания ухудшений в CI
Массовое подавление ошибок: в ESLint появился официальный механизм для постепенного включения новых правил в большой кодовой базе → https://eslint.org/blog/2025/04/introducing-bulk-suppressions/
За пределами NPM: выбираем зависимости с умом. Обзор сервисов для поиска и детального анализа NPM-пакетов → https://forweb.dev/ru/blog/npm-tools
Вышла Anime.js 4.0, библиотека для создания сложных анимаций в вебе на чистом JS: новая модульная архитектура, поддержка Web Animation API, анимации прокрутки и многое другое → https://animejs.com
В Chrome 135 появилась возможность полной стилизации нативных селектов: другие браузеры пока этого не поддерживают, но такая стилизация может быть прогрессивным улучшением → https://developer.chrome.com/blog/a-customizable-select
Ускоряем масштабную миграцию тестов с LLM: инженеры Airbnb рассказывают, как они перевели тесты с Enzyme на React Testing Library с помощью LLM → https://medium.com/airbnb-engineering/accelerating-large-scale-test-migration-with-llms-9565c208023b
В CSS теперь возможно вертикальное центрирование одним свойством без использования флексов и гридов: новое свойство align-content и обзор способов, которыми были вынуждены пользоваться верстальщики до его появления → https://build-your-own.org/blog/20240813_css_vertical_center/
Компилятор 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/
Lynx, инструмент для разработки кроссплатформенных приложений на веб-технологиях: разработан ByteDance и используется в приложениях TikTok, разделяет код на основной и фоновый потоки для быстродействия, есть интеграция с React → https://lynxjs.org
Храповой механизм для нарушений правил ESLint: инженеры Notion рассказывают, как они не допускают рост количества нарушений ESLint-правил в кодовой базе, и делятся плагином для реализации такой же механики → https://www.notion.com/blog/how-we-evolved-our-code-notions-ratcheting-system-using-custom-eslint-rules
Doom на типах TypeScript: энтузиасты сообщества Michigan TypeScript разработали полноценный WebAssembly-рантайм на типах TypeScript и запустили на нем Doom → https://youtu.be/0mCsluv5FXA
Отказываемся от JS-библиотек для анимаций: руководство по созданию анимированного меню на View Transitions → https://www.builder.io/blog/view-transitions
ESLint теперь официально поддерживает линтинг CSS: несколько готовых правил, поддержка кастомного синтаксиса и другие подробности → https://eslint.org/blog/2025/02/eslint-css-support/
pkg-size, инструмент для анализа влияния NPM-пакетов на размер локальных node_modules и на размер бандла при сборке → https://pkg-size.dev
ESLint Plugin De Morgan, ESLint-плагин для упрощения логических выражений согласно правилам де Моргана → https://github.com/azat-io/eslint-plugin-de-morgan
Динамический эффект прожектора: применяем CSS-маски, кастомные свойства и немного JS для создания интересного эффекта → https://www.jomaendle.com/blog/focus-zoom-at-property
Современный способ разработки серверов на JS: совместимый между рантаймами, более быстрый и удобный для тестирования → https://marvinh.dev/blog/modern-way-to-write-javascript-servers/