For Web — фронтенд, дизайн, программирование. Страница 56

Тултипы в эру WCAG 2.1: исторический экскурс в проблемы стандартизации тултипов и рекомендации по их доступной реализации от Сары Хигли → https://sarahmhigley.com/writing/tooltips-in-wcag-21/

Как ускоряли веб-версию Instagram, часть вторая: прогрессивная загрузка HTML → https://instagram-engineering.com/f350c8fba0d4

Недавно вышедшая веб-версия Apple Music написана на Ember и веб-компонентах → https://dev.to/ionic/apple-just-shipped-web-components-to-production-and-you-probably-missed-it-57pf

[Реклама]
Гоу знакомиться с бэкендом! 11 сентября в 19:30 (мск) мы познакомим тебя с популярным и современным стеком: Node.js, Express и MongoDB. А ещё напишем полноценный бэкенд для планировщика задач → https://lectrum.link/node-planner

На воркшопе ты узнаешь:
— сколько зарабатывают бэкенд-разработчики и за что им платят;
— на что способна Node.js;
— особенности JavaScript на бэкенде;
— почему Express используется почти в каждом проекте, написанном на Node.js;
— в каких проектах лучше использовать MongoDB;
— какие инструменты сейчас в тренде;
— топ-10 ошибок начинающих бэкенд-разработчиков.

Регистрируйся → https://lectrum.link/node-planner

Переполнение в CSS: Рэйчел Эндрю о ситуациях, в которых может возникнуть переполнение содержимым контейнера, и современных средствах CSS для более надёжной вёрстки под неизвестное количество содержимого → https://www.smashingmagazine.com/2019/09/overflow-data-loss-css/

Технические принципы Financial Times, помогающие инженерам принимать решения → https://www.ft.com/tech-principles

Node Todo, руководство по контрибьютингу в Node.js для всех желающих → https://www.nodetodo.org/

Навигация снизу: Артур Леонов об интерфейсном паттерне, который может улучшить UX мобильных сайтов → https://www.smashingmagazine.com/2019/08/bottom-navigation-pattern-mobile-web-pages/

Открытая дизайн-система государственных сайтов Украины → https://design.gov.ua

Введение в X3D, декларативный формат описания 3D-визуализаций, применимый в вебе → https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html

Как мы перестали беспокоиться и полюбили GraphQL: история инженеров Revolut → https://medium.com/p/80a5f83f36d9

Должны ли вы использовать веб-воркеры? Скорее всего нет, считает Дэвид Гилбертсон: сравнение пользы и затрат на внедрение воркеров в обычные приложения → https://medium.com/p/9b6d26dc8c6a

[Реклама]
3 сентября (вторник) в 19:00 (мск) пройдёт онлайн мастер-класс «Первое приложение на React» → http://go.reactwarriors.com/master-class-436bf

Для тех, кто:
— имеет базовые знания HTML/JavaScript и хочет научиться разрабатывать приложения на React;
— планирует устроится на должность фронтенд-разработчика (800$+);
— устал верстать лендинги и хочет разрабатывать веб-приложения.

Расписание мастер-класса:
— разработка галереи фильмов:
— Virtual DOM и оптимизация;
— изменение интерфейса через State;
— коммуникация между компонентами через Props;
— всплытие функций с дочерних компонентов;
— ответы на все возникшие вопросы;
— что нужно сделать, чтобы устроиться на вакансию React-разработчика.

Результат нашей работы — первое полноценное приложение на React. Бронируйте участие прямо сейчас и получите доступ к серии подготовительных уроков → http://go.reactwarriors.com/master-class-436bf

Что не так с тултипами и что использовать вместо них? Адам Силвер разбирает проблемы и предлагает альтернативы → https://adamsilver.io/articles/the-problem-with-tooltips-and-what-to-do-instead/

curl exercises, шпаргалка и практические упражнения по работе с CLI-утилитой curl от Джулии Эванс → https://jvns.ca/blog/2019/08/27/curl-exercises/

Важные материалы второй половины августа: энергоэффективный фронтенд, Figma и плагины, текст на Canvas, дизайн-система Dropbox, умный автокомплит, ES-модули в продакшене, альтернатива Electron на Qt, нативный виртуальный скролл, Native File System API → https://forwebdev.ru/digest/2019-09-01

Заголовок Save-Data выставляется браузером, если пользователь включает в настройках режим экономии трафика.

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

Вы тоже можете отдавать облегчённую версию страницы пользователям с заголовком Save-Data.

Подробный обзор внутреннего устройства Node.js: как в ней реализована асинхронность, как выполняется код и как работает сборка мусора → https://youtu.be/LbwUETu7Rgc