For Web — фронтенд, дизайн, программирование
14.8K subscribers
5.47K photos
7 videos
5 files
1.75K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Современные команды Git, которые стоит использовать: обзор сравнительно новых (и поэтому малоизвестных) команд, делающих повседневную работу проще → https://martinheinz.dev/blog/109
🔥45👍13👎1
ESLint Config Inspector, добавленный в ESLint 9.0.0 визуальный инспектор правил из вашего конфига, призванный упростить исследование конфигураций с большим количеством оверрайдов и плагинов → https://eslint.org/blog/2024/04/eslint-config-inspector/
🔥77👍1👎1🤯1
Введение в CSS scope, новый механизм для ограничения области действия селекторов, позволяющий отказаться от использования соглашений по именованию вроде БЭМ или сторонних инструментов вроде CSS-модулей → https://12daysofweb.dev/2023/css-scope/
👍43🔥7👎1
Как устроены кривые Безье, используемые в векторной графике и анимациях: объяснение с интерактивными примерами → https://blog.richardekwonye.com/bezier-curves
🔥24👎2🤯2
Ladle, альтернатива Storybook от разработчиков Uber с фокусом на быструю сборку, минимальный бандл и высокую отзывчивость интерфейса → https://ladle.dev
🔥34👍8👎4
Миграция 500+ тестов с Mocha на нативный тест-раннер Node.js: разработчики Astro рассказывают о процессе переезда, обнаруженных проблемах и результатах миграции → https://astro.build/blog/node-test-migration/
🔥17👍4
Стоит ли использовать системные шрифты в 2024 году? Обзор потенциальных проблем, о которых полезно помнить при использовании системных шрифтов → https://pimpmytype.com/web-safe-fonts/
👍11
Внутри .git: обзор содержимого служебной директории git-репозитория для лучшего понимания устройства git → https://jvns.ca/blog/2024/01/26/inside-git/
👍43🔥7
JSDoc как альтернативный синтаксис TypeScript: обширное руководство по типизации JavaScript-кода для тех, кто по каким-либо причинам не может полноценно использовать TypeScript для написания кода, но может использовать его для тайпчекинга JS-файлов → https://alexharri.com/blog/jsdoc-as-an-alternative-typescript-syntax
👍46👎34
Разрабатываем удобные вложенные меню: как инженеры Adobe реализовали вложенное меню, учитывающее тип ввода и направление движения курсора, и какие альтернативные подходы они рассматривали при реализации → https://react-spectrum.adobe.com/blog/creating-a-pointer-friendly-submenu-experience.htm
🔥23👍4👎3🤯1😢1
Classnames, коллекция сгруппированных по темам слов для вдохновения при выборе названий переменных/классов/функций → https://classnames.paulrobertlloyd.com
🔥40👍8👎5
Предложение по категоризации уровней CSS: рабочая группа CSS-Next разработала определения CSS4 и CSS5 для категоризации множества новых возможностей, появившихся после CSS3 → https://github.com/CSS-Next/css-next/discussions/92
🔥25👎4👍2🤯1
Module Federation 2.0, выросшая из Webpack и ставшая независимой от инструментов сборки реализация паттерна для разработки микрофронтендов и больших веб-приложений → https://module-federation.io
🔥31👎20👍1
Бесконечная прокрутка с хорошим UX: основные UX-проблемы бесконечной прокрутки, подходы к их решению и бонус в виде чеклиста → https://www.smashingmagazine.com/2022/03/designing-better-infinite-scroll/
👍22👎2
Выбираем менеджер версий Node.js: обзор плюсов и минусов пяти инструментов для управления версиями Node.js, от NVM до PNPM → https://pavel-romanov.com/5-node-version-managers-compared-which-is-right-for-you
👎12👍11
Раскрываем потенциал анимаций, управляемых прокруткой: серия коротких видеоуроков по новому нативному API для анимирования элементов при прокрутке страницы → https://developer.chrome.com/blog/scroll-driven-animations-video-course
🔥22👎1
Effect, экосистема надёжных инструментов для решения повседневных задач на TypeScript: управление ошибками, внедрение зависимостей, конкуретность, потоки, валидация данных и многое другое → https://effect.website
👍20🤯10👎9🔥1
isolation: недооценённое CSS-свойство для решения проблем с z-index, создающее новый контекст наложения без побочных эффектов → https://dev.to/francescovetere/the-css-property-you-didnt-know-you-needed-3fk0
👍25🔥2👎1
Заблуждения о специфичности в CSS: как считается специфичность и влияют ли на неё инлайн-стили и !important → https://www.bram.us/2024/05/05/misconceptions-about-css-specificity
👍12👎1
Tailwind vs семантическая разметка и стили: сравнение вёрстки одной и той же страницы с использованием противоположных подходов → https://nuejs.org/blog/tailwind-vs-semantic-css/
👎38👍23🤯19🔥17
URLPattern, новый API для сопоставления URL и парсинга параметров на основе шаблона, вдохновлённый библиотекой path-to-regexp → https://developer.mozilla.org/en-US/docs/Web/API/URL_Pattern_API
🔥46👍11👎1