Ежемесячный обзор веб-разработки 8/2018: стоимость JavaScript, этика в открытом исходном коде и QUIC

Создание технологий и программного обеспечения стало очень ответственной работой. Люди доверяют продуктам, которые мы создаем, и они также могут оказать существенное влияние на их жизнь. Учитывая это, нам нужно не только думать об инклюзивных решениях, но и выступать за этику, надежность и безопасность. Это позиция, которая дает нам силу.

Эрик Мейер опубликовал статью, в которой подробно излагаются проблемы, возникающие в сети, использующей только HTTPS. В нем он показывает, что развивающиеся страны сильно страдают от этого развития событий, поскольку у них часто плохое подключение к Интернету, а из-за шифрования они теперь сталкиваются с большим количеством ошибок веб-сайтов, чем раньше . Бен Вердмюллер вмешался и опубликовал статью «Хватит строить для Сан-Франциско», в которой он указывает на одну из самых больших проблем, с которыми мы сталкиваемся как разработчики: мы используем привилегированное оборудование и инфраструктуру. Мы создаем опыт, используя новейшие iPhone, Macbook с гигабитным или быстрым подключением 4G, но никогда не учитываем, что большинство людей, которых мы создаем, используют устройства и инфраструктуры, которые далеко не так хорошо оснащены. Сделать Интернет более безопасным — отличная идея, вне всяких сомнений, но мы также должны помнить о последствиях, которые новейшие технологии и наши дизайнерские решения могут иметь для других.

Новости

• TypeScript 3.0 был выпущен с парой удобных языковых функций и исправлений.
• Клиентские подсказки, реализованные в Chrome уже довольно давно, — замечательная функция. Чтобы улучшить конфиденциальность, функциональность клиентских подсказок для адаптивных изображений изменилась в Chrome 67. Колин Бенделл объясняет различия и почему клиентские подсказки так полезны для производительности.
• Разработчики много спрашивают об интеллектуальной системе предотвращения отслеживания Safari (ITP) и о том, как отлаживать веб-сайты с ее включением. Теперь команда WebKit разделяет режим отладки ITP, который дает вам гораздо больше гибкости и инструментов для отслеживания проблем.
• Начиная с октября, большинство браузеров полностью перестанут доверять сертификатам Symantec TLS и, таким образом, будут блокировать доступ к веб-сайтам, которые все еще их используют. Обновите свой сертификат, если вы еще этого не сделали.
• В последней версии Chrome (68) появилось новое «небезопасное» уведомление при посещении HTTP-страниц. Помните об этом и соответственно обновляйте свои сайты. Также в Chrome 68 появились новые API жизненного цикла страницы, отличный новый API для событий страницы, а также API обработчика платежей. Кэш HTTP теперь игнорируется при запросе обновлений сервис-воркеру, что приводит Chrome в соответствие со спецификацией и другими браузерами. Кроме того, grab и grabbing значений cursor в новой версии теперь без префикса — наконец.

Общий

• Если вы строите для Open Source, вам нужно решить, какую лицензию должен использовать ваш проект. Теперь есть новый вариант — лицензия Just World. Это для разработчиков, которые «в целом согласны с принципами программного обеспечения с открытым исходным кодом, но недовольны тем, что их программное обеспечение используется как часть усилий по уничтожению жизней, нашей окружающей среды и нашего будущего».
• В наши дни машины с глубоким обучением являются большой темой, но некоторые люди изучают еще более совершенные алгоритмы, которые легко превосходят машины с глубоким обучением в видеоиграх.
• «Просто, правильно, быстро: именно в таком порядке» Дрю ДеВолта — отличное напоминание о том, что в веб-разработке и разработке программного обеспечения нужно четко расставлять приоритеты.
• Джонатан Фултон написал полезный ресурс под названием «Основные концепции архитектуры, которые мне хотелось бы знать, когда я начинал как веб-разработчик», который является отличной веб-архитектурой 101 и основой для новичков в нашей отрасли.

Пользовательский интерфейс/UX

• «Этика дизайна» — это проект, в котором двенадцать дизайнеров и исследователей из восьми европейских городов обсуждают влияние дизайна на наше общество, иногда вредное, и то, что дизайнеры могут сделать, чтобы работать на благо всех, а не только избранных.

Инструменты

• Прашант Палихе написал длинную статью об искусстве отладки с помощью инструментов разработчика Chrome, которую я очень рекомендую, поскольку это очень полный справочник для знакомства с инструментами разработчика браузера. Если вы используете другой браузер, это не большая проблема, так как большинство инструментов очень похожи.
• WebP — это формат изображений с несколькими приятными функциями и, вероятно, один из самых известных новых форматов, помимо распространенных форматов JPEG/PNG. Однако создание изображений WebP все еще может быть проблемой, поэтому Джереми Вагнер написал руководство о том, как конвертировать изображения в WebP.
• Douglas Creager представляет новую функцию ведения журнала сетевых ошибок, которая позволяет указать пользовательским агентам собирать тот же набор информации, который будет отображаться в журналах вашего сервера.
• Многие из нас зависимы от инструментов общения, таких как Slack. Ребята из Wildbit решили закрыть Slack на неделю, что значительно повлияло на их работу. Интересный пример того, как мы привыкаем к полезному инструменту и больше не используем его должным образом. Время от времени важно перезагружать свой разум.
• Деннис Рейманн опубликовал первую стабильную версию UIEngine, рабочей среды для разработки на основе пользовательского интерфейса.

Безопасность

• Появился новый Observer: API ReportingObserver позволяет узнать, когда ваш сайт использует устаревший API или сталкивается с вмешательством браузера. На данный момент он доступен в Chrome 69. Вы можете легко использовать его для отправки ошибок, которые ранее были доступны только в консоли, в ваш сервер или службу обработки ошибок.

Веб-производительность

• Вы помните QUIC (Quick UDP Internet Connections)? Протокол, разработанный Google, который они используют внутри компании и который вполне подходит для более широкого использования? В то время как IETF в настоящее время стандартизирует формат к концу года, инженеры Cloudflare теперь делятся своим опытом его тестирования.

• Когда у вас есть контент, созданный пользователями, вы часто не знаете, нужно ли вывести только один элемент или список элементов. В Colloq мы хотели сделать семантику правильно и построили систему, которая позволяет нам выводить тег p , когда в контейнере находится только один элемент, иначе список ol / ul с различными элементами списка.

Доступность

• Дэйв Руперт делится A11Y Nutrition Cards, проектом, который пытается переварить и упростить ожидания доступности, когда дело доходит до разработки компонентов.
• Пропустить ссылки — довольно распространенная функция специальных возможностей. Hampus Sethfors написал статью о том, почему многие ссылки все еще не работают и как их исправить.

JavaScript

• Спустя год после того, как они представили свое прогрессивное веб-приложение, Зак Аргайл из инженерной команды Pinterest оглядывается назад. Важно отметить, почему они решили создать PWA: «Наш мобильный веб-интерфейс для людей в средах с низкой пропускной способностью и ограниченными тарифными планами не был хорош». Но результаты для них поразительны.
• Филип Уолтон представляет новый API жизненного цикла страницы, который помогает нам легче определять состояния страницы в браузере с помощью событий, таких как нахождение страницы в фоновом режиме (невидимая), активная, замороженная или даже закрытая.
• Упс, вы все знаете, что eval() в JavaScript — это плохо, верно? Вот почему мы обычно запрещаем его использование в политиках безопасности контента. Но Реми Шарп напоминает нам, что есть строка кода, которая так же вредна для безопасности.
• Эдди Османи исследовала стоимость JavaScript в 2018 году и теперь делится доказательствами того, что каждый байт JavaScript по-прежнему является самым дорогим ресурсом, который мы можем отправить на мобильные телефоны, поскольку он может значительно задерживать интерактивность. Это проблема, особенно для не очень функциональных телефонов, которые широко используются за пределами технологической отрасли.
• Хидде де Врис объясняет, как мы можем сделать заголовки страниц доступными в одностраничном приложении JavaScript.

CSS

• Макс Бок изучил несколько методов CSS Grid, чтобы создать макеты завтрашнего дня с относительно простым кодом.
• Сара Суэйдан объясняет, как мы можем создавать инклюзивные тумблеры с помощью современных HTML и CSS.
• Джен Симмонс рассказывает о распространенных ошибках CSS Grid и о том, как их решить.
• Итан Маркотт объясняет все еще относительно новый модуль fr , который мы в основном используем для CSS Grids.

Рабочая жизнь

• Пэрис Маркс писал о том, почему он считает, что будущее не за цифровыми кочевниками. Он утверждает, что независимость от местоположения возможна только благодаря коммуникационной инфраструктуре, построенной на государственные средства, и злоупотреблять ею нечестно.
• На этой неделе я узнал, насколько полезным может быть нестандартное мышление и как удаленная работа и хобби могут помочь решить технические проблемы.
• Компания уже не в первый раз тестирует четырехдневную рабочую неделю. Тем не менее, приятно видеть, как эта концепция может быть реализована успешно и с выгодой как для сотрудников, так и для проделанной работы.

Выходя за пределы…

• Тобиас ван Шнайдер писал о том, почему студия Sagmeister-Walsh настолько успешна, оставаясь маленькой, и почему мечтать о большом, но оставаться маленьким так важно для творческого мышления.
• Бен Вердмюллер делится своими мыслями о том, насколько по-другому стало начинать бизнес, например, находясь в Сан-Франциско. Это история о том, что 117 000 долларов считаются «низким доходом» в Сан-Франциско и как это ограничивает идеи.
• Джереми Нагель заставляет нас задуматься о влиянии нашего открытого исходного кода: Как разработчики, мы склонны верить, что сделать наш код бесплатным — это удивительный шаг, но мы забываем, что делаем его доступным и для плохих игроков — для шахтеров, для компаниям, загрязняющим окружающую среду, тем, кто использует людей, чтобы разбогатеть, плохо обращаясь с ними, тем, кто косвенно грабит вас. Дело не в том, что вы ничего не можете с этим поделать; вы должны знать об этих проблемах и применить лучшую лицензию или добавить в свой код специальное заявление.
• В Индии большая проблема с пластиковыми отходами. Спустя пару месяцев несколько рыбаков больше не игнорируют проблему пластика, а вместо этого собирают все отходы в свои сети и возвращают их на берег, где они используются для строительства дорог. Отличная идея рационального использования мусора.