For Web — фронтенд, дизайн, программирование
14.3K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
redaxios, легковесная (800 байт) обёртка над fetch с API, аналогичным axios → https://github.com/developit/redaxios
Адаптивные графики, работающие без JavaScript: Рич Харрис из The New York Times делится новой техникой → https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp
Практическое руководство по SVG и дизайн-инструментам: какие возможности предлагают редакторы вроде Figma, как они транслируются в SVG-разметку и о каких нюансах нужно знать → https://www.smashingmagazine.com/2019/05/svg-design-tools-practical-guide/
Зачем и как снимать покрытие кода с уже запущенного Node.js-приложения: опыт Евгения Бондаренко → https://habr.com/p/488544
Советы по именованию boolean-переменных: Майкл Зангл с примерами консистентных и грамматически корректных имён → https://michaelzanggl.com/articles/tips-on-naming-boolean-variables/
Практическое введение в Web Contact Picker API, новый API для доступа к контактам на мобильных → https://dev.to/twilio/an-introduction-to-the-web-contact-picker-api-43ap
How readable, исследование влияния распространённых конструкций в коде на его читаемость → https://howreadable.com
Build a Better Mobile Input, конструктор максимально удобных полей ввода для мобильных → https://better-mobile-inputs.netlify.app
Почему некоторые HTML-элементы помечены устаревшими: Райан Грист с экскурсом в историю развития HTML → https://css-tricks.com/why-do-some-html-elements-become-deprecated
Эра Trident закончилась. Кристиан Шефер вспоминает возможности IE, опередившие время: стилизуемые скроллбары, анимированные переходы между страницами, событие resize для элементов и многое другое → https://schepp.dev/posts/today-the-trident-era-ends/
Краткая история пакетных менеджеров во фронтенде: как появились NPM/Yarn/PNPM и какие проблемы они решают → https://medium.com/p/f9797be7cf0e
Вышла Node.js 14 (LTS с октября 2020). Стабильные диагностические отчёты, обновлённый V8 с поддержкой последних фич языка вроде optional chaining, Async Local Storage API и другие нововведения в официальном анонсе → https://medium.com/p/8170d384567e
Hygen, генератор кода для быстрого добавления в проект новых компонентов, экшенов/констант/редьюсеров и любого другого шаблонного кода → https://www.hygen.io
This media is not supported in your browser
VIEW IN TELEGRAM
Практическое руководство по утечкам памяти в Node.js: что это, как они возникают и как их обнаружить → https://www.arbazsiddiqui.me/a-practical-guide-to-memory-leaks-in-nodejs/
Реализуем автодополнение с нуля: пошаговое руководство Адама Силвера по разработке одного из сложнейших UI-контролов → https://adamsilver.io/articles/building-an-accessible-autocomplete-control/
Отладка проблем на фронтенде: Майкл Ву из eBay делится советами для быстрой и эффективной отладки → https://tech.ebayinc.com/engineering/front-end-debugging-tips-on-resolving-issues-quickly-so-you-can-move-on-to-better-things/
Документируем компоненты: серия статей Натана Кёртиса о том, как хорошо документировать компоненты из общей UI-библиотеки или дизайн-системы → https://medium.com/p/9fe59b80c015
Враждебный CSS: Кевин Пауэлл предлагает использовать в разработке безумный набор глобальных стилей, чтобы ваша вёрстка выглядела одинаково и не ломалась в любом окружении → https://medium.com/p/8aa2e9f0fa3d
Избегайте многоколоночных форм: почему формы с полями в несколько колонок запутывают пользователей и в каких случаях всё же можно расположить несколько полей в строке → https://baymard.com/blog/avoid-multi-column-forms
LCH-цвета в CSS: что, зачем и как? Лия Веру с обзором нового цветового пространства, в котором в полтора раза больше цветов, чем в sRGB → https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/
Улучшая time-to-logo: инженеры Wikipedia рассказали, как они уменьшали время появления логотипа (важная UX-метрика!) при загрузке страницы и почему раньше он загружался позже всего содержимого страницы → https://phabricator.wikimedia.org/phame/post/view/19/improving_time-to-logo_performance_with_preload_links