Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 122: Построитель бюджета производительности, потоки и веб-API

[ad_1]

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

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

Список литературы для веб-разработки № 122: Построитель бюджета производительности, потоки и веб-API

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

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

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

На этой неделе Firefox 44 был выпущен для широкой публики. Новая версия предлагает улучшенную поддержку видео (VP9, WebM в дополнение к h.264) и добавляет поддержку сжатия Brotli (новое, лучшее сжатие, чем gzip) для HTTPS-соединений. Сервисные работники теперь также поддерживаются. Новая сборка бета-канала Chrome теперь включает в себя панель безопасности в инструментах разработчика. Эта панель показывает, насколько безопасен ваш сайт, включая сведения о HTTPS и предупреждениях о смешанном содержимом. К сожалению, он еще не очень подробный, а также не предоставляет такую ​​информацию, как HSTS, HKPK и другие сведения о безопасности, но я рад видеть это и держу пари, что со временем они интегрируют больше функций.

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

  • Контрольный список производительности внешнего интерфейса 2017 г.
  • Подготовка к HTTP/2
  • Все, что вам нужно знать об AMP

Новости

  • На этой неделе Firefox 44 был выпущен для широкой публики. Новая версия предлагает улучшенную поддержку видео (VP9, WebM в дополнение к h.264) и добавляет поддержку сжатия Brotli (новое, лучшее сжатие, чем gzip) для HTTPS-соединений. Сервисные работники теперь также поддерживаются. Кроме того, новый Firefox требует, чтобы надстройки были подписаны, и он больше не подключается к сайтам, которые разрешают шифры RC4 в своей конфигурации HTTPS.
  • Новая сборка бета-канала Chrome теперь включает в себя панель безопасности в инструментах разработчика. Эта панель показывает, насколько безопасен ваш сайт, включая сведения о HTTPS и предупреждениях о смешанном содержимом. К сожалению, он еще не очень подробный, а также не предоставляет такую ​​информацию, как HSTS, HKPK и другие сведения о безопасности, но я рад видеть это и держу пари, что со временем они интегрируют больше функций.

Общий

  • Франческо Айовин записал, как сделать так, чтобы ваше веб-приложение можно было установить в большинстве мобильных (и некоторых настольных) браузеров и операционных систем с последними веб-стандартами.

Концепции и дизайн

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

Еще после прыжка! Продолжить чтение ниже ↓
Красивая визуализация данных
Визуализация данных не должна быть скучной.

Инструменты

  • Если у вас уже есть логотип в виде файла SVG, вы можете оптимизировать его не только для яркого, но и для темного фона. С logomono теперь вы можете легко автоматизировать процесс, чтобы получить отличный, надежный SVG, который работает на обоих типах фона.

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

  • Брэд Фрост создал супер-простую программу Performance Budget Builder. Вам просто нужно ввести свои личные цели проекта, чтобы увидеть, соответствуете ли вы своему бюджету производительности или нет.
  • Поскольку адаптивные изображения — это то, что вы можете (и должны) использовать уже сейчас в производстве, мы сталкиваемся с проблемой изменения размера наших изображений в различных разрешениях, размерах и качествах. Есть несколько изящных серверных интеграций, которые помогают вам в этом, однако во многих случаях это все еще проблема. К счастью, теперь есть инструмент с открытым исходным кодом, который вы можете использовать, а также руководство по всей теме.

HTML/SVG

  • Многие люди не знают, что hidden HTML-атрибут имеет вполне приличную поддержку браузерами. Стив Фолкнер объясняет, как его можно использовать, а также описывает другие атрибуты для правильного скрытия элементов.

Доступность

  • Адриан Роселли объясняет, когда мы должны использовать <a>а <button>или <input type="submit"> элемент для кликабельного элемента действия и почему использование <div> никогда не является допустимым вариантом для таких случаев.
  • Когда мы рассматриваем наш стек разработки как стек доступности и следуем некоторым основным принципам, мы можем легко создать доступное веб-решение, которое интегрирует всех пользователей, независимо от того, как они потребляют контент на веб-сайте.

JavaScript

  • Джейк Арчибальд знакомит нас с миром Streams в JavaScript и рассказывает нам, почему мы можем эффективнее и быстрее обслуживать контент с помощью Streams.
  • Это не новый ресурс, но его стоит прочитать, если вы еще не до конца поняли, как работает область видимости JavaScript: все, что вы хотели знать о области видимости JavaScript, автор Тодд Мотто.
  • В Firefox 44 также представлен Web Push API, и в этой статье вы можете узнать, как использовать его, например, для уведомления пользователей о входящем вызове WebRTC.
Потоки в JavaScript
Джейк Арчибальд объясняет, как мы можем более эффективно и быстро предоставлять контент с помощью Streams.

CSS / Сасс

  • Шаблон плавающей метки в полях ввода формы — хороший способ дать подсказки по полю формы. И теперь есть способ сделать это только с помощью CSS, без необходимости в дополнительном JavaScript.
  • С модулем CSS flexbox мы можем относительно легко создать каменную кладку, не добавляя JavaScript для вычисления позиций, а только CSS.
  • Микито Такада написал мини-книгу о CSS. Изучите макет CSS педантичным способом объясняет основные свойства CSS очень подробно и понятно, так что ни один вопрос не останется без ответа.

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

  • Как отрасль, мы привыкли бесплатно получать сотни часов работы и преимущества многолетних знаний. Но мы часто забываем, что свободное программное обеспечение (OSS) не является полностью бесплатным, поскольку за него платят люди, которые платят за него свое время.

Иди за грань…

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

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

Спасибо и всего наилучшего, Ансельм



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

Заключение

Вы ознакомились с статьей — Список литературы для веб-разработки № 122: Построитель бюджета производительности, потоки и веб-API

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

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

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

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

Краткое описание по статье Список литературы для веб-разработки № 122: Построитель бюджета производительности, потоки и веб-API

Название: Список литературы для веб-разработки № 122: Построитель бюджета производительности, потоки и веб-API . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 05.02.2022 . Автор: Алишер Валеев .

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

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

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

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

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