Java, UX, HTML, CSS, WEB-design

Ежемесячное обновление веб-разработки 11⁄2017: Новости браузеров, KRACK и кэширование заголовков Vary

[ad_1]

  • Ансельм Ханнеманн

  • 0 Комментарии

Ежемесячное обновление веб-разработки 112017: Новости браузера, KRACK и кэширование различных заголовков

  • 8 минут чтения

  • Список литературы по веб-разработке

Краткое резюме ↬

Примечание редактора: наш дорогой друг Ансельм Ханнеманн суммирует все, что произошло в веб-сообществе за последние несколько недель, в одном удобном списке, чтобы вы могли быть в курсе всего нового и важного. Наслаждаться!
Добро пожаловать обратно в наш ежемесячный список для чтения. Прежде чем мы погрузимся прямо во весь удивительный контент, на который я наткнулся — по общему признанию, это будет довольно длинное обновление — я хочу сделать личное объявление. На этой неделе я запустил личный проект под названием Colloq, новый сервис конференций и мероприятий для пользователей и организаторов. Если вы собираетесь на мероприятия или организуете их, или если вас интересуют записанные материалы конференций, это может быть для вас. Так что, если вам нравится, идите вперед и проверьте это.

Примечание редактора: наш дорогой друг Ансельм Ханнеманн суммирует все, что произошло в веб-сообществе за последние несколько недель, в одном удобном списке, чтобы вы могли быть в курсе всего нового и важного. Наслаждаться!

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

В этом выпуске мы сосредоточимся на некоторых вещах, которым обычно уделяют недостаточно внимания, таких как цифры в веб-типографике, вариативные шрифты или изображения. async атрибут, который скоро появится в Chrome. Итак, без лишних слов, приступим.

Новости

  • WebKit только что получил поддержку веб-API Touch Bar, который будет использовать menuitem. В настоящее время он все еще находится в багажнике WebKit и, вероятно, появится в Safari не раньше, чем в следующем году.
  • На этой неделе был выпущен Chrome 62 с некоторыми важными обновлениями API сетевой информации, который теперь отражает фактический тип подключения даже при использовании модема. В новой версии также появилась поддержка вариативных шрифтов OpenType и захвата мультимедиа из элементов DOM. Примечательно, что Chrome 62 на iOS получил поддержку API запроса платежей, что интересно, поскольку iOS WebKit еще не поддерживает его в стабильном канале. Кажется, они использовали специальное расширение для поддержки этой функции. Может быть интересно посмотреть, что еще можно поддерживать таким образом.
  • На этой неделе Safari Technology Preview 42 представляет font-display поведение при загрузке и <link rel=preconnect> служба поддержки.
  • С новым осенним обновлением Windows 10 клиентам предлагается Edge 16 — с полной поддержкой CSS Grid, object-fit и object-position, API запросов на оплату, предварительный просмотр Service Worker за флагами и контроллеры движения в WebVR.

Еще после прыжка! Продолжить чтение ниже ↓
Контроллеры движения в Edge
В WebVR для Edge добавлена ​​поддержка контроллеров движения, которые позволяют детально взаимодействовать с цифровыми объектами в виртуальной реальности. (Изображение предоставлено)

Общий

  • Кайлаш Ахирвар создал важные шпаргалки для инженеров по машинному обучению и глубокому обучению. Огромный ресурс, который очень рекомендуется, если вы работаете с любым из этих движков.
  • Заявление Дэвида Йейтса о «RSS: нет ничего лучше» представляет собой вдумчивую колонку, в которой восхваляется идея старого доброго RSS, а не разрозненных, управляемых алгоритмами каналов социальных сетей.

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

  • Разработка справа налево уже довольно сложна, но дизайн для мобильного дизайна — это вызов.
  • Inter UI — это приятное, совершенно бесплатное семейство шрифтов с открытым исходным кодом, оптимизированное для чтения с экрана.
  • Adobe анонсировала первую стабильную версию своего инструмента для дизайна экрана XD на конференции MAX в этом году. Помимо множества небольших улучшений, XD теперь поддерживает совместное использование, а также первоклассную интеграцию сторонних инструментов, таких как Zeplin и Sympli. Кроме того, во время мероприятия Adobe предоставила основные обновления почти для всех своих программных продуктов.
  • На этой неделе у InVision было важное объявление: они собираются выпустить на рынок новый инструмент для дизайна экрана под названием «Studio» в январе и теперь приглашают бета-тестеров для его предварительного просмотра.
Студия
InVision анонсировала Studio, новый инструмент для дизайна экрана, который будет публично выпущен в январе. (Изображение предоставлено)

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

  • Влад Краснов получил возможность сравнить новейшие серверные процессоры на Cloudflare. Результаты довольно интересные: Qualcomm достигает производительности, аналогичной самым быстрым процессорам Intel, но потребляет примерно на 30% меньше энергии, а иногда и меньше. Так что, хотя у новых чипов Qualcomm могут быть некоторые проблемы с несовместимостью программного обеспечения, будет интересно, что произойдет на рынке серверов. Особенно с учетом крупных центров обработки данных, где экономия энергии очень важна — не только потому, что наша планета выигрывает от меньшего энергопотребления, но и потому, что это дешевле.
  • Дэвид Джонатан Росс сравнил размеры файлов обычных веб-шрифтов с файлами вариативных шрифтов. В зависимости от того, сколько стилей шрифтов используется на веб-сайте, вы можете сэкономить 44% с помощью вариативного шрифта.
  • Никита Прокопов рассказывает, как одна-единственная опция, предложенная Chrome, испортила производительность его веб-приложения.
  • Эндрю Беттс подытожил свои знания об отличной функции HTTP в статье «Понимание заголовка Vary».
  • Chrome реализует async атрибут для HTMLImageElement и SVGImageElement. Он будет иметь два состояния: «Включено» будет означать, что разработчик предпочитает быстродействие и производительность атомарному представлению изображения и содержимого, не являющегося изображением, а «выключено» будет указывать на то, что разработчик предпочитает атомарное представление контента отзывчивости.
  • Алексей Иванов рассказывает, как оптимизировать веб-серверы для обеспечения высокой пропускной способности и низкой задержки. Но обратите внимание: это небольшие методы тонкой настройки, которые могут быть очень полезными, но мы должны применять их один за другим, измерять их, а затем решать, полезны они для проекта или нет. Вдумчивый пост, который дает нам представление о том, как команда Dropbox улучшает свои пограничные сетевые серверы.

Инструменты

  • Webpack Monitor — это хорошая панель инструментов для вашей цепочки инструментов JavaScript. Это дает представление о размере пакета, отдельных частях пакета и о том, как пакет и его размер меняются с течением времени. С советами по оптимизации вывода панель инструментов весьма полезна, если вы хотите уменьшить полезную нагрузку для пользователей на своем веб-сайте.
Веб-монитор
Webpack Monitor отображает ваш пакет, чтобы вы могли принимать обоснованные решения об оптимизации. (Изображение предоставлено)

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

  • На этой неделе широко обсуждалась атака «KRACK». Он эффективно взламывает шифрование WPA2 на большинстве устройств WiFi. Но вендоры не дремлют, некоторые уже обновили свои системы и предлагают обновления программного обеспечения для устройств, которые нужно как можно скорее пропатчить. Здесь следует отметить, что веб-сайты, использующие предварительную загрузку HSTS, не затронуты этой проблемой, что напоминает нам о том, что мы должны рассмотреть возможность добавления этого заголовка на наши веб-сайты.

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

  • Мы знаем, что целевая реклама иногда может быть немного пугающей, когда она появляется и невероятно точна. С мобильной рекламой дело обстоит еще хуже: Энди Гринберг делится исследованием, которое показывает, что для отслеживания чьего-либо местоположения с помощью мобильной рекламы требуется всего 1000 долларов.

Доступность

  • Скотт Винкл объясняет, как мы можем создавать доступные приложения React.
  • Лаура Калбаг написала книгу «Доступность для всех». Вот небольшой отрывок, объясняющий, как планировать доступность.

CSS

  • Винсент Де Оливейра написал об удивительном CSS element() функция, которая в настоящее время доступна только в Firefox (но это может измениться). На самом деле, это даже не новая функция, но она позволяет нам использовать изображения из HTML DOM в нашем CSS, например, для фонового изображения.
  • Ричард Раттер написал руководство о том, как использовать числительные в старом стиле в Интернете с помощью font-variant-numeric Свойство CSS, если оно доступно. Также объясняются правильные подстрочные и надстрочные индексы, и мы можем узнать, когда какую функцию использовать для конкретной цели.
Веб-типографика
Средневековые писцы и печатники эпохи Возрождения размещали заметки на полях, а не внизу — в надстрочных индексах не было необходимости. Но как нам обращаться с нижними и верхними индексами в Интернете? (Изображение предоставлено: Einsiedeln, Stiftsbibliothek, Codex 172 (1128), через Ричарда Раттера)

JavaScript

  • Леа Веру рассказывает, как мы можем использовать различные URL-адреса удаленных и локальных ресурсов с Service Workers.
  • Дастин Драйвер объясняет основы отладчика Firefox и как выйти за его рамки. console.log.
  • Джейк Арчибальд написал об удалении React на стороне клиента Netflix и о том, почему этот шаг делает сайт более надежным, сохраняя при этом преимущества React.
  • GitHub открыл свой собственный сканер ошибок доступности на стороне клиента. По сути, это модуль JavaScript, который вы импортируете в свою кодовую базу, а затем сообщает об основных проблемах, таких как изображения без alt атрибут, ссылки без меток и подобные ошибки доступности.

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

  • 200 университетов только что запустили 560 бесплатных онлайн-курсов. Вот полный список.

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

  • The Guardian недавно опубликовала интересную статью под названием «Стыдно работать в Силиконовой долине: как технари стали новыми банкирами». Я не ожидал увидеть, что работа в таких технологических гигантах, как Facebook, воспринимается растущим числом людей негативно. В статье также сообщается, что сотрудники таких компаний даже стыдятся своей работы — интересное изменение, если вспомнить, как большинство людей жаждали получить работу в одной из этих компаний только до этого года.
  • Это распространенный вопрос, который я задавал себе довольно часто в прошлом, и теперь получил ответ: электрические автомобили выбрасывают значительно меньше парниковых газов в течение срока их службы в качестве дизельных двигателей, как показало новое исследование. Даже когда они питаются от самой углеродоемкой энергии.
  • Чат-бот DoNotPay сэкономил автомобилистам миллионы на штрафах за неправильную парковку — не взимая ни цента. Его следующая цель: закон о разводе. В будущем за ними последуют авиакомпании, арендодатели и операторы телемаркетинга.

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



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Ежемесячное обновление веб-разработки 11⁄2017: Новости браузеров, KRACK и кэширование заголовков Vary

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Ежемесячное обновление веб-разработки 11⁄2017: Новости браузеров, KRACK и кэширование заголовков Vary

Название: Ежемесячное обновление веб-разработки 11⁄2017: Новости браузеров, KRACK и кэширование заголовков Vary . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 29.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»