Список литературы для веб-разработки № 156: Новости браузеров, Webpack 2 и уроки, извлеченные из HPKP

Является ли человек, который сидит один в комнате один? Со стороны так может показаться, но человеческий мозг в этом плане гораздо интереснее. Мы носим в себе карту отношений, и от этой карты зависит, действительно ли человек чувствует себя одиноким или нет.

Я только что прочитал «Стресс и социальная самость: как отношения влияют на нашу иммунную систему» ​​и чувствую, что мы можем многому научиться. На самом деле, сейчас я могу смотреть на социальные сети с другой точки зрения. Мы социальные существа, мне нравится делиться с вами хорошим контентом, так что, без лишних слов, вот список литературы для веб-разработчиков на этой неделе.

Дальнейшее чтение на SmashingMag:

• Подробное введение в Webpack
• Бойтесь закрепления открытого ключа HTTP (HPKP)
• Выполнять больше работы, не просто работая больше часов
• Введение в DNS: объяснение страшной задержки DNS

Новости

• Вышли Opera 41 и Chrome 54 с некоторыми интересными новыми функциями. Обновления теперь поддерживают Custom Elements v1, а также некоторые новые и удобные методы JavaScript, такие как ParentNode.prototype.append() или CSS user-select без префикса. С другой стороны, они удалили TouchEvent.prototype.initTouchEvent (теперь вам нужно будет использовать конструктор), а KeyboardEvent.prototype.keyIdentifier был заменен на KeyboardEvent.prototype.key .
• По предложению других крупных поставщиков браузеров Mozilla перестанет доверять сертификатам WoSign и StartCom с 1 января 2017 года из-за сертификатов, датированных задним числом, а также неразглашения и отказа в приобретении двух компаний. Отличный шаг для повышения безопасности ЦС.
• На этой неделе Node.js v6 перешел на текущую LTS-версию, а также был выпущен Node.js v7. Он охватывает 98% ES6, содержит новый движок V8, улучшенную надежность и производительность, а также новый анализатор URL-адресов на основе стандарта URL-адресов WHATWG.

Общий

• С грядущим Chrome 55 (теперь в бета-версии) браузер наконец получит поддержку событий указателя. Он также будет поддерживать JavaScript async / await -функции и возродит свойство hyphens CSS после многих лет отсутствия в браузерах Chromium. Также будет добавлена ​​опция one Event Listener, и, чтобы сократить once загрузки и предотвратить неудачную навигацию, кросс-происхождение и блокирующие синтаксический анализ скрипты, внедренные с помощью document.write() , больше не будут загружаться через соединения 2G (что также означает, что сторонние резервные копии, используемые HTML5Boilerplate, больше не будут работать в следующих версиях Chrome).

Инструменты и рабочие процессы

• Джек Франклин объясняет, как перейти с текущего Webpack 1 на будущий Webpack 2 и в чем заключаются различия между ними.
• Подобно уже продемонстрированному редактору Boxy SVG, Vectr — это новый онлайн-редактор векторной графики для настольных компьютеров с совместным использованием в реальном времени.
  

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

• Paragon Initiative Enterprises предлагает подробное руководство по автоматическим обновлениям безопасности для PHP-разработчиков, о котором должен знать каждый, кто работает с PHP.
• На прошлой неделе Smashing Magazine столкнулся с истекающим сроком действия SSL-сертификата. Хотя это обычно легко продлевать, могут возникнуть проблемы, если у вас включено закрепление открытого ключа HTTP (HPKP) и установлена ​​​​длинная дата истечения срока действия (что обычно и предполагается). Матиас Бильманн Кристенсен теперь написал об уроках, извлеченных из этого, и о том, почему вы должны знать (и бояться!) HPKP и как выпустить новый сертификат со старым ключом, чтобы сайт не сломался для ваших пользователей с включенным HPKP.

Конфиденциальность

• Маттиас Гениар рассказывает, как легко заблокировать рекламу и трекеры во всей домашней сети с помощью Pi-Hole, черного списка на основе DNS для Raspberry Pi.

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

• Брайан Армстронг из Canopy объясняет, почему не следует полагаться на настройки DNS по умолчанию, как показал недавний сбой Dyn DNS. Он рассказывает, как правильно настроить DNS, почему важен более длительный TTL и почему наличие разных серверов имен от разных провайдеров может сократить время безотказной работы вашего сервиса.

JavaScript

• Fuse.js — это новая и легкая библиотека JavaScript для нечеткого поиска.

CSS/Sass

• Роман Комаров написал об условиях в CSS Custom Properties, о решениях, проблемах и о том, как вы можете извлечь выгоду из препроцессоров, когда дело доходит до более сложных условий. В статье также упоминается несколько интересных идей о том, как можно расширить веб-стандарт.

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

• Кэл Ньюпорт делится своими мыслями о том, как глубокие перерывы во время работы могут помочь вашему мозгу перезарядиться и, таким образом, повысить вашу продуктивность.

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

• Очень интересно посмотреть на такую ​​предысторию: Кэти Сингер раскрывает реальное количество энергии, используемой для питания Интернета, и представляет эти цифры в перспективе, сравнивая, сколько энергии каждому из нас необходимо генерировать для обеспечения работы веб-сайта.

И на этом я закончу на этой неделе. Если вам нравится то, что я пишу каждую неделю, пожалуйста, поддержите меня пожертвованием или поделитесь этим ресурсом с другими людьми. Подробнее о стоимости проекта можно узнать здесь. Он доступен по электронной почте, RSS и в Интернете.