Отчёт State of Frontend 2024 по результатам опроса 6028 разработчиков из 139 стран → https://tsh.io/state-of-frontend/
Читать полностью…Framer Motion теперь просто Motion: популярная библиотека для анимаций стала независимой от Framer и обзавелась API на чистом JS (ранее она была привязана к Реакту) → https://motion.dev/blog/framer-motion-is-now-independent-introducing-motion
Читать полностью…e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev
К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.
Web platform release notes, ежемесячные обзоры изменений в браузерных API от WebDX Community Group → https://web-platform-dx.github.io/web-features-explorer/release-notes/
Читать полностью…Что нового в ECMAScript 2024: обзор нововведений по мотивам выпуска финальной версии спецификации → https://pawelgrzybek.com/whats-new-in-ecmascript-2024/
Читать полностью…Видео с прозрачностью в вебе: Джейк Арчибальд из Shopify делится исследованием возможных способов реализации и лучшим найденным решением → https://jakearchibald.com/2024/video-with-transparency/
Читать полностью…От данных к визуализации: руководство по выбору подходящего типа визуализации для ваших данных и краткая справка по основым нюансам и способам реализации каждого графика → https://www.data-to-viz.com
Читать полностью…Анимированные эмодзи Noto Color Emoji: бесплатная коллекция анимированных эмодзи в форматах GIF, WebP и Lottie → https://googlefonts.github.io/noto-emoji-animation/
Читать полностью…Athena Crisis, пошаговая стратегия на веб-технологиях, выложенная в опенсорс для обучения и разработки собственных игр → https://athenacrisis.com/open-source/
Читать полностью…Виртуальная DOM в 200 строк JavaScript: пишем собственную реализацию механизма, используемого под капотом React и других UI-библиотек → https://lazamar.github.io/virtual-dom/
Читать полностью…Дилеммы, с которыми вы столкнётесь при разработке библиотеки компонентов: обзор неочевидных вопросов и проблем, о которых стоит подумать заранее → https://github.com/andrico1234/the-dilemmas-youll-face
Читать полностью…Обзор новых методов итераторов: map, filter, take, drop, reduce, flatMap и другие хелперы, вычисляющие результат лениво и работающие на бесконечных коллекциях → https://v8.dev/features/iterator-helpers
Читать полностью…Почему 0.1 + 0.2 ≠ 0.3 в JavaScript и других языках: объяснение проблемы вычислений с плавающей точкой и примеры из разных языков программирования → https://0.30000000000000004.com
Читать полностью…Tailwind vs семантическая разметка и стили: сравнение вёрстки одной и той же страницы с использованием противоположных подходов → https://nuejs.org/blog/tailwind-vs-semantic-css/
Читать полностью…isloation: недооценённое CSS-свойство для решения проблем с z-index, создающее новый контекст наложения без побочных эффектов → https://dev.to/francescovetere/the-css-property-you-didnt-know-you-needed-3fk0
Читать полностью…Component Party, сравнение синтаксиса и возможностей популярных фронтенд-фреймворков и библиотек → https://component-party.dev
Читать полностью…У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css
Читать полностью…ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/
Читать полностью…Открытое письмо к Oracle с призывом отказаться от прав на торговую марку JavaScript, из-за которой приходится избегать названия языка в официальных именах вроде ECMAScript или JSConf → https://javascript.tm/
Читать полностью…Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev
Читать полностью…Socket Runtime, новый инструмент для разработки мобильных и десктопных приложений на веб-технологиях → https://socketsupply.co
— использует вебвью, унифицируя его поведение между платформами
— стремится к минимальным накладным расходам оперативной памяти (±20 МБ) и размеру бинарников (1.5 МБ десктоп, ±13 МБ iOS и Android);
— предлагает более простую архитектуру приложения, чем Electron
— предоставляет собственный P2P-протокол и его реализацию для разработки P2P-приложений вроде безопасных чатов
Экспериментальная поддержка TypeScript в Node.js: в Node.js добавили возможность запуска TS-файлов (без проверки типов). Документация и дальнейшие планы по развитию → https://github.com/nodejs/loaders/issues/217
Читать полностью…Зачем и как движок Google-таблиц портировали с JavaScript на WasmGC (расширение WebAssembly для компиляции языков со сборкой мусора) → https://web.dev/case-studies/google-sheets-wasmgc
Читать полностью…Сравнение способов анимирования в вебе на примере прыгающего мячика: от чистых CSS и JS до WebGPU и специализированных библиотек → https://sparkbox.github.io/bouncy-ball/
Читать полностью…Как инженеры 1Password ускорили сборку браузерного расширения на 90% с помощью esbuild: от идеи для хакатона до продакшена → https://blog.1password.com/new-extension-build-system/
Читать полностью…TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev
Читать полностью…Moveable, библиотека для ресайза, перемещения, поворота, масштабирования и других трансформаций элементов пользователем → https://github.com/daybrush/moveable
Читать полностью…URLPattern, новый API для сопоставления URL и парсинга параметров на основе шаблона, вдохновлённый библиотекой path-to-regexp → https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API
Читать полностью…Заблуждения о специфичности в CSS: как считается специфичность и влияют ли на неё инлайн-стили и !important → https://www.bram.us/2024/05/05/misconceptions-about-css-specificity
Читать полностью…Effect, экосистема надёжных инструментов для решения повседневных задач на TypeScript: управление ошибками, внедрение зависимостей, конкуретность, потоки, валидация данных и многое другое → https://effect.website
Читать полностью…