Ежемесячное обновление веб-разработки 12⁄2017: Прагматичный выпуск, пользовательские элементы и принятие решений

Сегодня я прочитал поучительную статью о нынешнем молодом поколении и его финансовом будущем. Трудно понять такие слова, как «миллениалы», и много говорят о конкретных проблемах, с которыми они сталкиваются, но для многих из нас нелегко понять их борьбу — независимо от того, старше вы или моложе меня (я имею право на поколение миллениалов). Но интересная и очень информативная статья Майкла Хоббса открыла мне многое. Не только потому, что теперь я понимаю — и даже соприкасаюсь — с некоторыми из изложенных там фактов, но и потому, что статья показывает, как разные возрастные группы формируют общество, не подозревая о том, какое влияние их решения могут оказать на жизнь других людей.

Как веб-профессионалы, мы можем относиться к этому во многих аспектах. При создании веб-проектов мы принимаем решения и часто основываем их на том, что лучше для нас — как разработчика, как предпринимателя, как маркетолога, как сотрудника службы поддержки, — не думая о том, как эти решения могут повлиять на других людей. Создавая недоступные веб-сайты, мы исключаем миллионы пользователей; внедряя лучшие аналитические события и библиотеки, мы передаем данные наших пользователей третьим лицам. Иногда кажется невозможным принять правильное решение, и мы чувствуем себя настолько подавленными тем фактом, что не можем поступить правильно, что отбрасываем все разумные, все хорошо обоснованные решения и сосредотачиваемся исключительно на том, что лучше для нас. себя. Мы можем быть умнее. И хотя мы, вероятно , не сможем сделать все правильно , мы все же можем делать маленькие шаги, вместо того, чтобы перегружаться. Это непросто, но, может быть, это что-то для новогоднего решения?

Новости

• Важные новости о WHATWG: организации, стоящие за четырьмя основными интегрированными браузерными движками — Apple, Google, Microsoft и Mozilla — разработали Политику прав интеллектуальной собственности (IPR) и структуру управления для WHATWG. Мы надеемся, что это приведет к повышению уровня жизни, что обеспечит более полезный ресурс.
• Фактически запущенный еще в ноябре, вот что нового в Firefox 57. Теперь он поставляется с новым сверхбыстрым движком Quantum. Веб-расширения также стали реальностью, и в будущем можно ожидать гораздо больше исправлений старых проблем и улучшений производительности. А как же мы, разработчики? Firefox 57 поддерживает <input type="\\[date|time]"> , множество ошибок CSS было исправлено благодаря новому движку, а API Performance Observer теперь включен, так же как API хранилища и API прерывания (например, для запросов на выборку). И последнее, но не менее важное: безголовый режим теперь поддерживает невероятно полезный флаг --screenshot . Кстати, движок Quantum скоро появится и в Firefox на Android 59.
• Вышел Chrome 63 с некоторыми замечательными новыми функциями: динамические модули JavaScript, async итераторы и генераторы, overscroll-behavior CSS с прокруткой (которое изначально поддерживает оттягивание для обновления) и, например, поддержка API Intl.PluralRules . Кроме того, пользовательский интерфейс разрешений теперь запрашивает разрешение в модальном окне, чтобы было ясно, что владельцы сайтов должны запрашивать дополнительные разрешения только тогда, когда это необходимо и полезно. В эту версию также включен API Intl.PluralRules .

Общий

• Амазонка прекрасна, правда? Их облако быстрое, большое и дешевое. В магазине все есть и доставляют быстро. На этой неделе Amazon Web Services объявила кое-что очень интересное: «Теперь AWS предоставляет разведывательному сообществу США коммерческие облачные возможности для всех уровней классификации: «Несекретно», «Конфиденциально», «Секретно» и «Совершенно секретно». Да, вы все правильно прочитали: похоже, Amazon будет ответственной компанией за размещение сверхсекретных данных разведывательной службы США. Я почти уверен, что это не очень хорошая идея, что государственные службы начинают полностью полагаться на эксклюзивный облачный сервис компании, не имея возможности легко переключиться обратно на конкурента или собственную альтернативу. Сравните это с тем, чем является Amazon: до 70% интернет-трафика проходит через центр обработки данных AWS в Вирджинии, Amazon хочет камеру и микрофон в вашей спальне, вашей гостиной, а также смарт-ключ от вашей квартиры или дома, и уже невозможно не использовать AWS, если вы пользуетесь интернетом. Что произойдет с разведывательным сообществом США, если безопасное облако AWS выйдет из строя, как это произошло в этом году? Смогут ли они еще работать? Что, если это произойдет во время активного расследования?

Инструменты

• Кто из нас не знает о больших проблемах релизов и о том, как много времени они могут занимать. Рэймонд Рутьес теперь предлагает сделать релиз доступным для всех в команде. Это должно быть легко, беззаботно и, что самое главное, быстро.
• Франческо Шварц создал новый инструмент для визуализации специфики вашего CSS. Очень полезно проанализировать некоторые неверные представления в вашей структуре или определить модули, которые следует реорганизовать.

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

• В Spectral появился новый экранный шрифт с засечками, доступный по лицензии с открытым исходным кодом.
• Джон Мур Уильямс делится своими передовыми методами проектирования поиска по сайту. Важные советы, если вы хотите предоставить своим пользователям эффективный и мощный поиск.

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

• Майкл Шарнагл объясняет, как мы можем использовать Service Workers (которые в основном представляют собой веб-прокси) для загрузки изображений на основе API сетевой информации.
• Гарри Робертс часто находит правильные слова, чтобы раскрыть проблемы, которые не очевидны для многих людей. Его статья «Заблуждения распределенных вычислений (применительно к производительности переднего плана)» посвящена предположениям пользователей и активному игнорированию или чрезмерному обдумыванию таких проблем, как производительность сети.
• «The Best Request Is No Request, Revisited» — это новая статья Стефана Баумгартнера, в которой объясняется, что вы можете сделать с HTTP/2 прямо сейчас, и изменения, которые работают в теории, но пока не работают на практике.
• Сэмюэл Паркинсон объясняет, что происходит, когда вы посещаете ft.com. Глубокое понимание, которое начинается с DNS и продолжается через весь рабочий процесс запросов Financial Times.

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

• Компания 4iQ, занимающаяся защитой личных данных, обнаружила в Даркнете утечку базы данных, содержащую 1,4 миллиарда учетных данных в открытом виде. Это, вероятно, самый большой из известных доступных ресурсов, и он еще раз показывает, насколько важно использовать уникальные пароли для каждой службы.
• HSTS — это способ указать браузеру подключаться только к определенным именам хостов через защищенный протокол HTTPS. Однако то, как он в настоящее время реализован в браузерах, в значительной степени сломано и уязвимо для атак, как показывают исследования.
• Тобиас Том рассказывает, как в Colloq внедрили проверку пароля, которая не позволяет пользователям выбирать пароль, раскрытый в результате взлома общедоступных данных. Он основан на удивительном наборе данных Троя Ханта и содержит некоторые интересные данные о том, как свериться с набором данных Postgres объемом 40 ГБ, не влияя на производительность вашего сайта.
• Вы, наверное, уже слышали о майнинге криптовалюты в браузере. Недавно обнаруженный скрипт проверяет поддержку WebAssembly, чтобы в полной мере использовать возможности оборудования, а затем запускает всплывающее окно, в котором майнинг криптовалюты происходит в фоновом режиме. Единственное смягчение — вручную принудительно закрыть все процессы задач браузера. Тем не менее, есть также некоторые доступные расширения для браузера, которые напрямую блокируют наиболее распространенные скрипты майнинга.

Доступность

• Каков наилучший подход к проектированию и кодированию таблицы, которая подойдет всем? Адриан Роселли рассказывает, как создавать адаптивные и доступные таблицы.
• Это Марси Саттон, берущая на себя ценность написания автоматических тестов для обеспечения доступности, и почему наличие таких тестов не означает, что нам больше не нужно выполнять ручную работу по обеспечению доступности.

CSS

• Джонатан Снук объясняет, как мы можем создать макет календаря с помощью CSS Grid.
• С предстоящей спецификацией CSS Selectors Level 4 мы получим псевдоселектор :is , похожий на :matches , но без увеличения специфичности.

JavaScript

• Брайан Карделл написал важный пост о том, как скоро мы сможем использовать пользовательские элементы в качестве расширения обычного нативного элемента. Это особенно здорово, поскольку нам не нужно будет создавать все с нуля, но мы сможем расширять нативные элементы с помощью настроек, сохраняя при этом полную доступность и удобство использования нативного элемента. Кроме того, эта функция позволяет создавать прогрессивно улучшаемые пользовательские элементы.
• Достижение контейнерных запросов с помощью современных инструментов в JavaScript? Али Алаа рассказывает, как мы можем это сделать с помощью MutationObserver.
• Safari имеет динамическую поддержку JavaScript import() уже в предварительных сборках, и Chrome 63 также будет ее поддерживать. Матиас Байненс объясняет, что это значит и как мы можем это использовать. import() в основном является import в огне и позволяет вам загружать целые модули JavaScript на лету только тогда, когда они вам действительно нужны.
• Джейк Арчибальд объясняет тонкую, но жизненно важную разницу между await , return и return await и дает советы о том, когда что использовать.

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

• «Было время, когда можно было написать несколько стихов, умереть от туберкулеза и назвать это хорошо прожитой жизнью». Куинн Нортон опубликовал мысль «Против продуктивности» и о странном стремлении всех нас к большей продуктивности в жизни.
• Джеймс Клир объясняет, почему жизнь всегда кажется более сложной, и что мы можем сделать, чтобы не чувствовать себя подавленным этим.
• По данным The Guardian, многие работодатели уже используют ряд технологий для отслеживания поведения своих сотрудников в Интернете, нажатий клавиш, сообщений в социальных сетях и даже приложений для обмена личными сообщениями. Именно слежка за работой показывает абсолютное недоверие компании к своим сотрудникам. Но что вы можете сделать, если ваш работодатель делает то же самое? Лучше всего, вероятно, поговорить со своим начальником о том, что, по вашему мнению, он не ценит вашу работу и чувствует, что он не доверяет вам, если следит за вами.
• Райан Сингер рассказывает, почему простое применение Agile не работает. Проблемы заключаются в том, чтобы делать неправильные вещи, строить по спецификациям и отвлекаться. Находить нужные вещи для работы, делать их тщательно и циклично — вот настоящая agile-работа. Не отвлекайтесь на цифры и термины, вместо этого сосредоточьтесь на важных вещах.
• Алида Миранда-Вольф поднимает вопрос о том, почему «двигаться быстро и ломать вещи» — плохая идея, когда речь идет о людях, потому что тогда «вещь», которую ломают, — это человек. Вопрос рабочего времени, счастья на работе, растущего таланта и того, почему соблазнительно следовать вредным шаблонам.
• Дэн Ким рассказывает, почему, по его мнению, пришло время прекратить повторяющиеся встречи, чтобы работать вместе таким образом, чтобы не тратить время впустую, а сосредоточиться на важных вещах, которые необходимо обсудить. Призыв разумно подумать о повторяющихся встречах.

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

• Скотт Беркун объясняет, почему правильное изменение часто кажется неправильным. Если вы можете относиться к этому, я рекомендую прочитать эту статью, поскольку она поможет вам понять, почему мы так себя чувствуем и почему это естественно.
• Авторы замечательной серии Do Lectures поделились 100 книгами 2017 года, которые они рекомендуют нам прочитать. И хотя я не смогу прочитать все сто книг, в списке есть несколько отличных советов, которые можно считать хорошим чтением в конце года.
• В последние месяцы я читаю все больше и больше статей от людей, которые работают или работали в социальных сетях, и теперь рассказываю о том, как такие сервисы вносят огромный вклад в разрушение нашего общества. Это еще один пример, показывающий проблему дезинформации, агрегированных «временных шкал» под влиянием ИИ, которые только ухудшают ситуацию, вместо того чтобы объединять общество и помогать людям. В то время как в социальных сетях есть большая ценность, в большинстве крупных сервисов есть основная проблема: в стремлении к большему доходу и новым функциям эти сервисы пытаются сопоставить интересы людей и ужасно терпят неудачу, потому что они довольно хорошо соответствуют интересам, вместо того, чтобы демонстрировать их. открытый, нейтральный и объективный контент для пользователей, который заставит их отражать их взгляды и интересы.

Мы надеемся, что вам понравилось это обновление веб-разработки. Следующий запланирован на 19 января. Следите за обновлениями!