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
Интерактивное руководство по CSS-переходам и hover-анимациям: Джош Камю обо всех аспектах применения CSS-свойства transition, от основ до приёмов улучшения UX → https://www.joshwcomeau.com/animation/css-transitions/
How to Design System: исчерпывающее руководство по созданию дизайн-систем, основанное на реальном опыте. Когда нужна дизайн-система, как продать её бизнесу, как её сделать, как измерить её полезность и многое другое → http://how-to-design-system.com
Если есть input, он должен быть обёрнут в форму: напоминание о распространённой ошибке, вредящей UX → https://tomekdev.com/posts/input-and-form
Карты в визуализациях: Наталия Степанова об основах географических визуализаций даных на D3 и Leaflet → https://teletype.in/@gnykka/d3-maps
Большое интервью с Бренданом Айком, создателем JavaScript и сооснователем Mozilla и Brave: история создания JS и его эволюция, фронтенд-экосистема, TypeScript и HTML5, браузерные войны и многое другое → https://youtu.be/krB0enBeSiE
Как фронтендерам подружиться с дизайнерами: распространённые мифы о дизайнерах, сложности с макетами и как с ними справляться, чем дизайнеры могут помочь фронтендерам и что фронтендерам нужно знать о дизайне. Мнение Александр Погорелова → https://habr.com/p/541666/
Максимально простое объяснение Big O нотации для оценки сложности алгоритма → https://thatcomputerscientist.com/big-o-notation-explained-as-easily-as-possible
Способы стилизации веб-компонентов: обзор сложностей и способов стилизации shadow DOM от Нолана Лоусона → https://nolanlawson.com/2021/01/03/options-for-styling-web-components/
Файл 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