For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Файл ARCHITECTURE.md: простой способ значительно упростить знакомство новых разработчиков с проектом → https://matklad.github.io/2021/02/06/ARCHITECTURE.md.html
Николас Закас рассказывает о проблемах работы с переменными окружения в Node.js и делится инструментом, который решает эти проблемы → https://humanwhocodes.com/blog/2021/02/introducing-env-javascript-environment-variables/
Мониторинг Node.js-приложений: Ренат Саматов из ДомКлика с обзором метрик, на которые стоит обращать внимание в первую очередь → https://habr.com/p/521584/
Обзор лучших практик реализации каруселей в вебе для лучшего быстродействия и UX → https://web.dev/carousel-best-practices/
Единый UI-кит и синхронизация дизайна: Артём Арефьев из Учи.ру рассказывает, как в компании подошли к унификации UI-компонентов и почему выбрали для этого Stencil → https://habr.com/p/543308/
Оптимизируем видео в вебе: от исходных файлов до вставки на страницу. Даг Силларс с обзором основных техник оптимизации, которые помогут избежать долгой загрузки и тормозов при воспроизведении → https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/
Шпаргалка по именованию переменных и функций с практическими рекомендациями и примерами → https://github.com/kettanaito/naming-cheatsheet
GraphQL за 100 секунд: отличия от REST, решаемые проблемы и основные концепции → https://youtu.be/eIQh02xuVw4
Красивая доступность с плавающим фокусом: инженеры Q42 рассказали об опыте реализации кастомной обводки, плавно следующей за фокусом, и поделились готовым к использованию решением → https://engineering.q42.nl/floating-focus/
Что не так с плавающими подписями у полей ввода, как в Material Design: обзором проблем UX от Адама Сильвера и простая альтернатива → https://www.smashingmagazine.com/2021/02/material-design-text-fields/
Помимо размера бандла: какие метрики для оценки быстродействия не менее важны и как их измерить? Опыт Нолана Лоусона → https://nolanlawson.com/2021/02/23/javascript-performance-beyond-bundle-size/
Таски, микротаски, нанотаски… Что это и как они работают в JavaScript? Джейк Арчибальд и Александр Сурма обсуждают нюансы отложенного выполнения колбеков → https://youtu.be/8eHInw9_U8k
От библиотеки компонентов к дизайн-системе: фронтендеры ISPsystem поделились опытом реализации и развития UI-кита на веб-компонентах и Angular для использования в разных проектах компании → https://habr.com/p/507826/
Почему стоит отказаться от Express в 2021 году: спорный, но заставляющий задуматься обзор проблем Express → https://dev.to/romainlanz/why-you-should-drop-expressjs-in-2021-711
Состояние дизайна в 2021 году: результаты опроса 1000+ дизайнеров об их рабочем процессе и проблемах, с которыми они сталкиваются → https://www.abstract.com/state-of-design
Будущее веб-приложений — HTML через вебсокеты: Мэтт Паттерсон рассказывает о подходе, избавляющем от сложности классических SPA без потери отзывчивости интерфейса → https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/
CSSSR запустили сериал «История фронтенда». Первая серия «Браузер, который умел всё» о людях и инструментах, построивших веб, к которому мы привыкли → https://youtu.be/7nrDctGYOIk
Шейдеры, Three.js и киберпанк: как фронтендеры Технократии cделали лендинг в неоново-античной стилистике → https://habr.com/p/542698/
Погружаемся в псевдоэлементы ::before и ::after: от способов применения до неочевидных нюансов → https://codersblock.com/blog/diving-into-the-before-and-after-pseudo-elements/
Архитектура UI в Netflix Studio Technology: как разрабатывают интерфейсы для 80+ приложений, используемых на протяжении всего процесса производства сериалов и фильмов → https://youtu.be/LtrXwX81CPE