For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Как фронтенд влияет на расход аккумулятора? Обзор факторов и практические советы по анализу и повышению энергоэффективности сайта от Саймона Фрейзера → https://webkit.org/blog/8970/how-web-content-can-affect-power-usage/
Подробный обзор внутреннего устройства Node.js: как в ней реализована асинхронность, как выполняется код и как работает сборка мусора → https://youtu.be/LbwUETu7Rgc
Заголовок Save-Data выставляется браузером, если пользователь включает в настройках режим экономии трафика.

Более чем у 20% индийских и бразильских пользователей Shopify встречается этот заголовок. Shopify сократила для них размер страницы на 13% → https://twitter.com/brend0/status/1166817897500618753

Вы тоже можете отдавать облегчённую версию страницы пользователям с заголовком Save-Data.
Важные материалы второй половины августа: энергоэффективный фронтенд, Figma и плагины, текст на Canvas, дизайн-система Dropbox, умный автокомплит, ES-модули в продакшене, альтернатива Electron на Qt, нативный виртуальный скролл, Native File System API → https://forwebdev.ru/digest/2019-09-01
curl exercises, шпаргалка и практические упражнения по работе с CLI-утилитой curl от Джулии Эванс → https://jvns.ca/blog/2019/08/27/curl-exercises/
Что не так с тултипами и что использовать вместо них? Адам Силвер разбирает проблемы и предлагает альтернативы → https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/
Должны ли вы использовать веб-воркеры? Скорее всего нет, считает Дэвид Гилбертсон: сравнение пользы и затрат на внедрение воркеров в обычные приложения → https://medium.com/p/9b6d26dc8c6a
Как мы перестали беспокоиться и полюбили GraphQL: история инженеров Revolut → https://medium.com/p/80a5f83f36d9
Введение в X3D, декларативный формат описания 3D-визуализаций, применимый в вебе → https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html
Открытая дизайн-система государственных сайтов Украины → https://design.gov.ua
Навигация снизу: Артур Леонов об интерфейсном паттерне, который может улучшить UX мобильных сайтов → https://www.smashingmagazine.com/2019/08/bottom-navigation-pattern-mobile-web-pages/
Node Todo, руководство по контрибьютингу в Node.js для всех желающих → https://www.nodetodo.org/
Технические принципы Financial Times, помогающие инженерам принимать решения → https://www.ft.com/tech-principles
Переполнение в CSS: Рэйчел Эндрю о ситуациях, в которых может возникнуть переполнение содержимым контейнера, и современных средствах CSS для более надёжной вёрстки под неизвестное количество содержимого → https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/
Недавно вышедшая веб-версия Apple Music написана на Ember и веб-компонентах → https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf
Как ускоряли веб-версию Instagram, часть вторая: прогрессивная загрузка HTML → https://instagram-engineering.com/f350c8fba0d4
Тултипы в эру WCAG 2.1: исторический экскурс в проблемы стандартизации тултипов и рекомендации по их доступной реализации от Сары Хигли → https://sarahmhigley.com/writing/tooltips-in-wcag-21/
Can I email, таблица доступности возможностей веб-платформы в email-движках → https://www.caniemail.com/
Документация по инженерным практикам Google → https://google.github.io/eng-practices/