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

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

15318

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

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

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 — фронтенд, дизайн, программирование

Бесконечная прокрутка с хорошим UX: основные UX-проблемы бесконечной прокрутки, подходы к их решению и бонус в виде чеклиста → https://www.smashingmagazine.com/2022/03/designing-better-infinite-scroll/

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

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

Предложение по категоризации уровней CSS: рабочая группа CSS-Next разработала определения CSS4 и CSS5 для категоризации множества новых возможностей, появившихся после CSS3 → https://github.com/CSS-Next/css-next/discussions/92

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

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

Разрабатываем удобные вложенные меню: как инженеры Adobe реализовали вложенное меню, учитывающее тип ввода и направление движения курсора, и какие альтернативные подходы они рассматривали при реализации → https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.html

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

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

Внутри .git: обзор содержимого служебной директории git-репозитория для лучшего понимания устройства git → https://jvns.ca/blog/2024/01/26/inside-git/

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

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

Миграция 500+ тестов с Mocha на нативный тест-раннер Node.js: разработчики Astro рассказывают о процессе переезда, обнаруженных проблемах и результатах миграции → https://astro.build/blog/node-test-migration/

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

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

Как устроены кривые Безье, используемые в векторной графике и анимациях: объяснение с интерактивными примерами → https://blog.richardekwonye.com/bezier-curves

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

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

ESLint Config Inspector, добавленный в ESLint 9.0.0 визуальный инспектор правил из вашего конфига, призванный упростить исследование конфигураций с большим количеством оверрайдов и плагинов → https://eslint.org/blog/2024/04/eslint-config-inspector/

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

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

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

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

Module Federation 2.0, выросшая из Webpack и ставшая независимой от инструментов сборки реализация паттерна для разработки микрофронтендов и больших веб-приложений → https://module-federation.io

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

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

Classnames, коллекция сгруппированных по темам слов для вдохновения при выборе названий переменных/классов/функций → https://classnames.paulrobertlloyd.com

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

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

JSDoc как альтернативный синтаксис TypeScript: обширное руководство по типизации JavaScript-кода для тех, кто по каким-либо причинам не может полноценно использовать TypeScript для написания кода, но может использовать его для тайпчекинга JS-файлов → https://alexharri.com/blog/jsdoc-as-an-alternative-typescript-syntax

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

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

Стоит ли использовать системные шрифты в 2024 году? Обзор потенциальных проблем, о которых полезно помнить при использовании системных шрифтов → https://pimpmytype.com/web-safe-fonts/

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

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

Ladle, альтернатива Storybook от разработчиков Uber с фокусом на быструю сборку, минимальный бандл и высокую отзывчивость интерфейса → https://ladle.dev

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

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

Введение в CSS scope, новый механизм для ограничения области действия селекторов, позволяющий отказаться от использования соглашений по именованию вроде БЭМ или сторонних инструментов вроде CSS-модулей → https://12daysofweb.dev/2023/css-scope/

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

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

Современные команды Git, которые стоит использовать: обзор сравнительно новых (и поэтому малоизвестных) команд, делающих повседневную работу проще → https://martinheinz.dev/blog/109

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