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

https://forweb.dev
Download Telegram
Classnames, коллекция сгруппированных по темам слов для вдохновения при выборе названий переменных/классов/функций → https://classnames.paulrobertlloyd.com
Предложение по категоризации уровней CSS: рабочая группа CSS-Next разработала определения CSS4 и CSS5 для категоризации множества новых возможностей, появившихся после CSS3 → https://github.com/CSS-Next/css-next/discussions/92
Module Federation 2.0, выросшая из Webpack и ставшая независимой от инструментов сборки реализация паттерна для разработки микрофронтендов и больших веб-приложений → https://module-federation.io
Бесконечная прокрутка с хорошим UX: основные UX-проблемы бесконечной прокрутки, подходы к их решению и бонус в виде чеклиста → https://www.smashingmagazine.com/2022/03/designing-better-infinite-scroll/
Выбираем менеджер версий Node.js: обзор плюсов и минусов пяти инструментов для управления версиями Node.js, от NVM до PNPM → https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
Раскрываем потенциал анимаций, управляемых прокруткой: серия коротких видеоуроков по новому нативному API для анимирования элементов при прокрутке страницы → https://developer.chrome.com/blog/scroll-driven-animations-video-course
Effect, экосистема надёжных инструментов для решения повседневных задач на TypeScript: управление ошибками, внедрение зависимостей, конкуретность, потоки, валидация данных и многое другое → https://effect.website
isolation: недооценённое CSS-свойство для решения проблем с z-index, создающее новый контекст наложения без побочных эффектов → https://dev.to/francescovetere/the-css-property-you-didnt-know-you-needed-3fk0
Заблуждения о специфичности в CSS: как считается специфичность и влияют ли на неё инлайн-стили и !important → https://www.bram.us/2024/05/05/misconceptions-about-css-specificity
Tailwind vs семантическая разметка и стили: сравнение вёрстки одной и той же страницы с использованием противоположных подходов → https://nuejs.org/blog/tailwind-vs-semantic-css/
URLPattern, новый API для сопоставления URL и парсинга параметров на основе шаблона, вдохновлённый библиотекой path-to-regexp → https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API
Почему 0.1 + 0.2 ≠ 0.3 в JavaScript и других языках: объяснение проблемы вычислений с плавающей точкой и примеры из разных языков программирования → https://0.30000000000000004.com
Moveable, библиотека для ресайза, перемещения, поворота, масштабирования и других трансформаций элементов пользователем → https://github.com/daybrush/moveable
Обзор новых методов итераторов: map, filter, take, drop, reduce, flatMap и другие хелперы, вычисляющие результат лениво и работающие на бесконечных коллекциях → https://v8.dev/features/iterator-helpers
TypeHero, платформа для изучения TypeScript на практике с готовыми задачами и возможностью создания собственных задач → https://typehero.dev
Дилеммы, с которыми вы столкнётесь при разработке библиотеки компонентов: обзор неочевидных вопросов и проблем, о которых стоит подумать заранее → https://github.com/andrico1234/the-dilemmas-youll-face
Как инженеры 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/