forwebdev | Технологии

Telegram-канал forwebdev - For Web — фронтенд, дизайн, программирование

15124

Годнота для фронтендеров и дизайнеров https://forweb.dev

Подписаться на канал

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

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

Читать полностью…

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

e18e (Ecosystem Performance), открытая инициатива по наведению порядка во фронтенд-экосистеме: удаление мусора из зависимостей, ускорение популярных библиотек и разработка современных альтернатив устаревшим популярным пакетам → https://e18e.dev

К инициативе может присоединиться любой желающий, в блоге публикуются регулярные отчёты.

Читать полностью…

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

Web platform release notes, ежемесячные обзоры изменений в браузерных API от WebDX Community Group → https://web-platform-dx.github.io/web-features-explorer/release-notes/

Читать полностью…

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

Что нового в ECMAScript 2024: обзор нововведений по мотивам выпуска финальной версии спецификации → https://pawelgrzybek.com/whats-new-in-ecmascript-2024/

Читать полностью…

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

Видео с прозрачностью в вебе: Джейк Арчибальд из Shopify делится исследованием возможных способов реализации и лучшим найденным решением → https://jakearchibald.com/2024/video-with-transparency/

Читать полностью…

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

От данных к визуализации: руководство по выбору подходящего типа визуализации для ваших данных и краткая справка по основым нюансам и способам реализации каждого графика → https://www.data-to-viz.com

Читать полностью…

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

Анимированные эмодзи Noto Color Emoji: бесплатная коллекция анимированных эмодзи в форматах GIF, WebP и Lottie → https://googlefonts.github.io/noto-emoji-animation/

Читать полностью…

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

Athena Crisis, пошаговая стратегия на веб-технологиях, выложенная в опенсорс для обучения и разработки собственных игр → https://athenacrisis.com/open-source/

Читать полностью…

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

Виртуальная DOM в 200 строк JavaScript: пишем собственную реализацию механизма, используемого под капотом React и других UI-библиотек → https://lazamar.github.io/virtual-dom/

Читать полностью…

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

Дилеммы, с которыми вы столкнётесь при разработке библиотеки компонентов: обзор неочевидных вопросов и проблем, о которых стоит подумать заранее → https://github.com/andrico1234/the-dilemmas-youll-face

Читать полностью…

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

Обзор новых методов итераторов: map, filter, take, drop, reduce, flatMap и другие хелперы, вычисляющие результат лениво и работающие на бесконечных коллекциях → https://v8.dev/features/iterator-helpers

Читать полностью…

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

Почему 0.1 + 0.2 ≠ 0.3 в JavaScript и других языках: объяснение проблемы вычислений с плавающей точкой и примеры из разных языков программирования → https://0.30000000000000004.com

Читать полностью…

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

Tailwind vs семантическая разметка и стили: сравнение вёрстки одной и той же страницы с использованием противоположных подходов → https://nuejs.org/blog/tailwind-vs-semantic-css/

Читать полностью…

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

isloation: недооценённое CSS-свойство для решения проблем с z-index, создающее новый контекст наложения без побочных эффектов → https://dev.to/francescovetere/the-css-property-you-didnt-know-you-needed-3fk0

Читать полностью…

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

Раскрываем потенциал анимаций, управляемых прокруткой: серия коротких видеоуроков по новому нативному API для анимирования элементов при прокрутке страницы → https://developer.chrome.com/blog/scroll-driven-animations-video-course

Читать полностью…

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

У CSS появился официальный логотип, выбранный по итогам голосования, организованного рабочей группой CSS-Next → https://github.com/CSS-Next/logo.css

Читать полностью…

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

ESLint теперь официально поддерживает линтинг JSON и Markdown → https://eslint.org/blog/2024/10/eslint-json-markdown-support/

Читать полностью…

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

Открытое письмо к Oracle с призывом отказаться от прав на торговую марку JavaScript, из-за которой приходится избегать названия языка в официальных именах вроде ECMAScript или JSConf → https://javascript.tm/

Читать полностью…

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

Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev

Читать полностью…

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

Socket Runtime, новый инструмент для разработки мобильных и десктопных приложений на веб-технологиях → https://socketsupply.co

— использует вебвью, унифицируя его поведение между платформами
— стремится к минимальным накладным расходам оперативной памяти (±20 МБ) и размеру бинарников (1.5 МБ десктоп, ±13 МБ iOS и Android);
— предлагает более простую архитектуру приложения, чем Electron
— предоставляет собственный P2P-протокол и его реализацию для разработки P2P-приложений вроде безопасных чатов

Читать полностью…

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

Экспериментальная поддержка TypeScript в Node.js: в Node.js добавили возможность запуска TS-файлов (без проверки типов). Документация и дальнейшие планы по развитию → https://github.com/nodejs/loaders/issues/217

Читать полностью…

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

Зачем и как движок Google-таблиц портировали с JavaScript на WasmGC (расширение WebAssembly для компиляции языков со сборкой мусора) → https://web.dev/case-studies/google-sheets-wasmgc

Читать полностью…

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

Сравнение способов анимирования в вебе на примере прыгающего мячика: от чистых CSS и JS до WebGPU и специализированных библиотек → https://sparkbox.github.io/bouncy-ball/

Читать полностью…

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

Как инженеры 1Password ускорили сборку браузерного расширения на 90% с помощью esbuild: от идеи для хакатона до продакшена → https://blog.1password.com/new-extension-build-system/

Читать полностью…

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

TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev

Читать полностью…

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

Moveable, библиотека для ресайза, перемещения, поворота, масштабирования и других трансформаций элементов пользователем → https://github.com/daybrush/moveable

Читать полностью…

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

URLPattern, новый API для сопоставления URL и парсинга параметров на основе шаблона, вдохновлённый библиотекой path-to-regexp → https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API

Читать полностью…

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

Заблуждения о специфичности в CSS: как считается специфичность и влияют ли на неё инлайн-стили и !important → https://www.bram.us/2024/05/05/misconceptions-about-css-specificity

Читать полностью…

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

Effect, экосистема надёжных инструментов для решения повседневных задач на TypeScript: управление ошибками, внедрение зависимостей, конкуретность, потоки, валидация данных и многое другое → https://effect.website

Читать полностью…

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

Выбираем менеджер версий Node.js: обзор плюсов и минусов пяти инструментов для управления версиями Node.js, от NVM до PNPM → https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you

Читать полностью…
Подписаться на канал