For Web — фронтенд, дизайн, программирование

21 апреля 2025 12:26

Rsdoctor, инструмент для продвинутого анализа процесса и результата бандлинга, совместимый с Rspack и Webpack → https://rsdoctor.dev

Интересные возможности:
– таймлайн со временем работы каждого лоадера
– можно посмотреть, как конкретный лоадер преобразовал конкретный файл
– классический анализ бандла и графа зависимостей/модулей
– сравнение бандлов до/после для отслеживания ухудшений в CI

For Web — фронтенд, дизайн, программирование

10 апреля 2025 16:41

За пределами NPM: выбираем зависимости с умом. Обзор сервисов для поиска и детального анализа NPM-пакетов → https://forweb.dev/ru/blog/npm-tools

For Web — фронтенд, дизайн, программирование

07 апреля 2025 10:30

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

For Web — фронтенд, дизайн, программирование

26 марта 2025 11:17

Ускоряем масштабную миграцию тестов с LLM: инженеры Airbnb рассказывают, как они перевели тесты с Enzyme на React Testing Library с помощью LLM → https://medium.com/airbnb-engineering/accelerating-large-scale-test-migration-with-llms-9565c208023b

For Web — фронтенд, дизайн, программирование

11 марта 2025 17:26

Компилятор 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/

For Web — фронтенд, дизайн, программирование

06 марта 2025 12:12

Храповой механизм для нарушений правил ESLint: инженеры Notion рассказывают, как они не допускают рост количества нарушений ESLint-правил в кодовой базе, и делятся плагином для реализации такой же механики → https://www.notion.com/blog/how-we-evolved-our-code-notions-ratcheting-system-using-custom-eslint-rules

For Web — фронтенд, дизайн, программирование

03 марта 2025 11:36

Отказываемся от JS-библиотек для анимаций: руководство по созданию анимированного меню на View Transitions → https://www.builder.io/blog/view-transitions

For Web — фронтенд, дизайн, программирование

24 февраля 2025 15:18

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

For Web — фронтенд, дизайн, программирование

13 февраля 2025 14:30

Динамический эффект прожектора: применяем CSS-маски, кастомные свойства и немного JS для создания интересного эффекта → https://www.jomaendle.com/blog/focus-zoom-at-property

For Web — фронтенд, дизайн, программирование

27 января 2025 12:17

Temporal на подходе: обзор нового API для работы со временем и датами в JavaScript, приуроченный к появлению первых экспериментальных реализаций в браузерах → https://developer.mozilla.org/en-US/blog/javascript-temporal-is-coming/

For Web — фронтенд, дизайн, программирование

17 января 2025 12:56

Новые возможности веба для применения в 2025: обзор недавних фич, уже поддерживаемых современными браузерами → https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

For Web — фронтенд, дизайн, программирование

08 января 2025 11:56

Пишем движок компоновки и отрисовки флексбокс-раскладок на канвасе → https://tchayen.com/how-to-write-a-flexbox-layout-engine

For Web — фронтенд, дизайн, программирование

23 декабря 2024 13:04

Vim для React-разработчиков: бесплатный курс для освоения основ работы в Vim с упором на практические сценарии работы фронтенд-разработчиков → https://vimforreactdevs.com

For Web — фронтенд, дизайн, программирование

09 декабря 2024 13:15

Difftastic, генератор структурных диффов, учитывающий форматирование и синтаксис языка для более удобного сравнения фрагментов кода → https://difftastic.wilfred.me.uk

For Web — фронтенд, дизайн, программирование

19 ноября 2024 11:58

Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек → https://component-party.dev

For Web — фронтенд, дизайн, программирование

14 апреля 2025 11:47

Массовое подавление ошибок: в ESLint появился официальный механизм для постепенного включения новых правил в большой кодовой базе → https://eslint.org/blog/2025/04/introducing-bulk-suppressions/

For Web — фронтенд, дизайн, программирование

07 апреля 2025 10:30

Больше контента без рекламы – благодаря вам

Поддержите канал через Patreon или Boosty:

https://patreon.com/forweb
https://boosty.to/forweb

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

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

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

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

For Web — фронтенд, дизайн, программирование

31 марта 2025 13:23

В Chrome 135 появилась возможность полной стилизации нативных селектов: другие браузеры пока этого не поддерживают, но такая стилизация может быть прогрессивным улучшением → https://developer.chrome.com/blog/a-customizable-select

For Web — фронтенд, дизайн, программирование

13 марта 2025 13:52

В CSS теперь возможно вертикальное центрирование одним свойством без использования флексов и гридов: новое свойство align-content и обзор способов, которыми были вынуждены пользоваться верстальщики до его появления → https://build-your-own.org/blog/20240813_css_vertical_center/

For Web — фронтенд, дизайн, программирование

07 марта 2025 16:16

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

For Web — фронтенд, дизайн, программирование

05 марта 2025 11:20

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

For Web — фронтенд, дизайн, программирование

28 февраля 2025 14:43

ESLint теперь официально поддерживает линтинг CSS: несколько готовых правил, поддержка кастомного синтаксиса и другие подробности → https://eslint.org/blog/2025/02/eslint-css-support/

For Web — фронтенд, дизайн, программирование

17 февраля 2025 11:59

ESLint Plugin De Morgan, ESLint-плагин для упрощения логических выражений согласно правилам де Моргана → https://github.com/azat-io/eslint-plugin-de-morgan

For Web — фронтенд, дизайн, программирование

10 февраля 2025 09:33

Современный способ разработки серверов на JS: совместимый между рантаймами, более быстрый и удобный для тестирования → https://marvinh.dev/blog/modern-way-to-write-javascript-servers/

For Web — фронтенд, дизайн, программирование

20 января 2025 12:33

Исправляем некрасивый перенос иконок с помощью text-wrap: balance: неочевидный трюк, работающий не только с текстом, но и любыми инлайн-блоками → https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/

For Web — фронтенд, дизайн, программирование

15 января 2025 15:21

Рендеринг онлайн-досок Confluence как по маслу: инженеры Atlassian рассказывают о сложностях реализации фронтенда интерактивной онлайн-доски → https://www.atlassian.com/blog/atlassian-engineering/rendering-like-butter-a-confluence-whiteboards-story

For Web — фронтенд, дизайн, программирование

03 января 2025 14:55

ts-blank-space, инструмент для компиляции TypeScript в JavaScript от Bloomberg, работающий быстрее популярных инструментов (tsc, babel и др.) благодаря отказу от трансформации AST в пользу подмены аннотаций типов пробелами → https://bloomberg.github.io/ts-blank-space/

For Web — фронтенд, дизайн, программирование

18 декабря 2024 12:36

CSS Wrapped 2024, обзор нововведений в CSS за прошедший год от команды Chrome DevRel → https://chrome.dev/css-wrapped-2024/

For Web — фронтенд, дизайн, программирование

25 ноября 2024 10:13

Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/

For Web — фронтенд, дизайн, программирование

18 ноября 2024 08:41

Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion