For Web — фронтенд, дизайн, программирование
15K subscribers
5.45K photos
2 videos
5 files
1.72K links
Годнота для фронтендеров и дизайнеров

https://forweb.dev
Download Telegram
Как инженеры 1Password ускорили сборку браузерного расширения на 90% с помощью esbuild: от идеи для хакатона до продакшена → https://blog.1password.com/new-extension-build-system/
Виртуальная DOM в 200 строк JavaScript: пишем собственную реализацию механизма, используемого под капотом React и других UI-библиотек → https://lazamar.github.io/virtual-dom/
Сравнение способов анимирования в вебе на примере прыгающего мячика: от чистых CSS и JS до WebGPU и специализированных библиотек → https://sparkbox.github.io/bouncy-ball/
Athena Crisis, пошаговая стратегия на веб-технологиях, выложенная в опенсорс для обучения и разработки собственных игр → https://athenacrisis.com/open-source/
Зачем и как движок Google-таблиц портировали с JavaScript на WasmGC (расширение WebAssembly для компиляции языков со сборкой мусора) → https://web.dev/case-studies/google-sheets-wasmgc
Анимированные эмодзи Noto Color Emoji: бесплатная коллекция анимированных эмодзи в форматах GIF, WebP и Lottie → https://googlefonts.github.io/noto-emoji-animation/
Экспериментальная поддержка TypeScript в Node.js: в Node.js добавили возможность запуска TS-файлов (без проверки типов). Документация и дальнейшие планы по развитию → https://github.com/nodejs/loaders/issues/217
От данных к визуализации: руководство по выбору подходящего типа визуализации для ваших данных и краткая справка по основым нюансам и способам реализации каждого графика → https://www.data-to-viz.com
Socket Runtime, новый инструмент для разработки мобильных и десктопных приложений на веб-технологиях → https://socketsupply.co

— использует вебвью, унифицируя его поведение между платформами
— стремится к минимальным накладным расходам оперативной памяти (±20 МБ) и размеру бинарников (1.5 МБ десктоп, ±13 МБ iOS и Android);
— предлагает более простую архитектуру приложения, чем Electron
— предоставляет собственный P2P-протокол и его реализацию для разработки P2P-приложений вроде безопасных чатов
Видео с прозрачностью в вебе: Джейк Арчибальд из Shopify делится исследованием возможных способов реализации и лучшим найденным решением → https://jakearchibald.com/2024/video-with-transparency/
Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev
Что нового в ECMAScript 2024: обзор нововведений по мотивам выпуска финальной версии спецификации → https://pawelgrzybek.com/whats-new-in-ecmascript-2024/
Открытое письмо к Oracle с призывом отказаться от прав на торговую марку JavaScript, из-за которой приходится избегать названия языка в официальных именах вроде ECMAScript или JSConf → https://javascript.tm/
Web platform release notes, ежемесячные обзоры изменений в браузерных API от WebDX Community Group → https://web-platform-dx.github.io/web-features-explorer/release-notes/
ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/
e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev

К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.
У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css
Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек https://component-party.dev
Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/