Java, UX, HTML, CSS, WEB-design

Ежемесячный обзор веб-разработки 10⁄2017: CSS Grid, подводные камни CAA и оптимизация изображений

[ad_1]

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

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

Ежемесячное обновление веб-разработки 102017: CSS Grid, подводные камни CAA и оптимизация изображений

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

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

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

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

Как веб-разработчики, мы работаем в очень разнообразной среде: у нас есть бесчисленное множество вариантов специализации, но невозможно уследить за всем. На этой неделе я прочитал статью от разработчика, который понял, что, несмотря на то, что он занимается веб-разработкой более семи лет, иногда он просто не понимает, что происходит: “Я в отчаянии хлопаю по клавиатуре как в моем скрипте сборки появляется еще одна загадочная ошибка», — пишет он. Для него написание JavaScript больше не доставляет удовольствия. Цепочка инструментов стала слишком сложной, рабочие процессы построены в основном для удобства разработчиков, а многие вещи, которые существуют в самих языках, заново изобретаются во внешних библиотеках.

Теперь, когда я смотрю на статьи, которые собрал для вас в этом месяце, я понимаю, какое разочарование он испытывает. Скоро мы больше не сможем использовать домены .dev, проверки HTTPS CAA не работают с частными сетевыми интерфейсами, и когда я смотрю (по общему признанию, отличный) учебник о том, как мы можем заменить scroll события с IntersectionObserverя вижу код, который может иметь лучшую производительность, но он более сложен, чем то, что мы делали с EventListener.

Сеть развивается и меняется так быстро, и мы должны признать, что мы, как отдельные люди, не можем знать и понимать все. И это нормально. Выберите, что вы хотите сделать, расставить приоритетыи, самое главное, не стесняйтесь нанимать кого-то еще для вещей, которые вы не можете сделать самостоятельно.

Новости

  • Маттиас Гениар напоминает нам, что Chrome, согласно недавнему коммиту в Chromium, очень скоро будет предварительно загружаться .dev домены как HTTPS через предварительно загруженный HSTS. Google купил доменное имя, и теперь они хотят, чтобы оно было доступно только через HTTPS. Итак, если вы используете .dev имя в ваших проектах (что часто бывает на вашем локальном компьютере, зарегистрированном вручную через hosts файл), вы должны переключиться на зарезервированный .test доменное имя сейчас или рассмотрите возможность использования localhost вместо. Как только исправление появится в Chrome, вы больше не сможете получить доступ к своим проектам без действующего сертификата TLS.
  • Неизменяемые ответы HTTP теперь являются официальным интернет-стандартом и уже доступны в большинстве браузеров.
  • React 16 уже вышел — под полной лицензией MIT, что, наконец, положило конец спорам о ранее использовавшейся лицензии на авторские права с пунктом о патенте. Новая версия поставляется с переписанным ядром, улучшенной обработкой ошибок, настраиваемыми DOM-атрибутами и возвращает фрагменты и строки (так что больше никаких бесполезных span-элементы). Кроме того, его площадь уменьшилась на 30%.

Инструменты

  • Infusion — это инклюзивный, доступный конструктор документации.
  • В Sketch 47 добавлены две основные новые функции: библиотеки и сглаживание углов. В частности, библиотеки — огромный шаг вперед, поскольку они позволяют нам синхронизировать, обмениваться и обновлять символы из любого документа Sketch и даже в сотрудничестве с другими людьми.

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

  • «Essential Image Optimization» Эдди Османи — это бесплатная электронная книга, в которой объясняется почти все, что вы можете и должны знать об оптимизации изображений для Интернета. Обязательно взгляните на него.
  • Новости от Cloudflare: скоро вы сможете развернуть JavaScript на границе Cloudflare, написанный для API, похожего на Service Workers. Звучит довольно удивительно.

Еще после прыжка! Продолжить чтение ниже ↓
Основная оптимизация изображений
Изображения по-прежнему занимают первое место в сети. Новая электронная книга Эдди Османи объясняет, как вы можете изменить это, эффективно сжимая изображения. (Изображение предоставлено)

CSS

  • Mozilla создала игровую площадку CSS Grid, которая поможет вам разобраться и строить с помощью новой техники компоновки.
  • Леа Веру начала очень полезную дискуссию о специфике :not() селектор и почему было бы полезно иметь псевдокласс :matches который не несет никакой специфики.
  • Balloon.css позволяет добавлять всплывающие подсказки к элементам без JavaScript и всего несколькими строками CSS.
  • Мина Маркхэм рассказывает, почему и как инженеры Slack перестроили веб-сайт Slack с помощью CSS Grid. Положительный эффект: более компактный и чистый код с более предсказуемой спецификой CSS и значительно улучшенной производительностью.
Слабая сетка
Команда инженеров Slack позволяет нам заглянуть за кулисы их недавнего редизайна веб-сайта на основе CSS Grid. (Изображение предоставлено)

JavaScript

  • Эрик Бидельман рассказывает, как мы можем использовать IntersectionObserver контролировать или реагировать на position: sticky изменения. Это заменяет необходимость scroll события, предлагая гораздо лучшую производительность.
  • API Intl.PluralRules — это расширение API интернационализации, которое скоро будет доступно в Firefox 58 и Chrome 63. Оно решает довольно сложную проблему с множественными числами в интернационализированных контекстах.

Доступность

  • Хейдон Пикеринг добавил новую справочную статью в блог Inclusive Components, в которой объясняется, как мы можем создавать инклюзивные и доступные интерфейсы с вкладками.
  • Мануэль Матузович написал о том, как вы должны писать CSS с учетом доступности и чего следует избегать.
  • Ян Девлин рассказывает, как они справляются с доступностью в Trivago. Интересное чтение, особенно потому, что они объясняют внутренние проблемы, как повысить осведомленность о доступности и что они сделали, делают и пытаются достичь в будущем.
Доступные интерфейсы с вкладками
Хейдон Пикеринг объясняет, как сделать интерфейсы с вкладками доступными. (Изображение предоставлено)

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

  • Кембриджский университет рассказывает, почему они больше не могут выдавать сертификаты TLS для своего внутреннего сетевого домена private.cam.ac.uk из-за теперь требуемой проверки CAA. Вкратце: поскольку центр сертификации не может проверить имя хоста, он отказывается выдавать сертификат. Недостаток весьма полезных обязательных проверок CAA.
  • С выпуском PHP7.2 в ноябре расширение Libsodium будет доступно в PHP. Это означает, что у нас наконец-то появится относительно простой способ использования алгоритма Argon2 для хеширования паролей пользователей. Вот как вы можете это сделать.
  • Если вы отправляли зашифрованное сообщение S/MIME через Microsoft Outlook в течение последних шести месяцев, вполне вероятно, что на самом деле ничего из этого письма не было зашифровано. Последнее обновление программного обеспечения на этой неделе устраняет проблему (v1705+).
  • Карл Чене исследует, почему общение через Slack может быть проблематичным, поскольку ничего из того, что мы пишем в приложении, не зашифровано. Так что лучше никогда не делитесь никакими деловыми секретами или учетными данными через Slack.

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

  • Джудит Дюпортейл запросила у платформы знакомств Tinder свои данные и получила более 800 страниц, заполненных очень личными подробностями и намного большим, чем она помнила. Tinder, конечно, здесь просто пример — то же самое, вероятно, верно для большинства приложений на вашем телефоне.
  • Detectify заботится о конфиденциальности. Вот почему они создали расширение для Chrome, чтобы показать, как легко следить за своими друзьями на Facebook при использовании Tinder. Утечки конфиденциальности здесь позволяют пользователям идентифицировать местоположение другого пользователя и многое другое.

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

  • Иван Мир рассказывает, как он оптимизировал свой рабочий распорядок, чтобы стать более продуктивным, не работая больше часов.
  • Джонатан Голден из Airbnb делится тем, чему они научились при масштабировании Airbnb. Хорошая статья об управлении компанией, постановке целей и оптимизации работы.
Улучшение фокуса
Получите больше от вашей рабочей недели, не работая больше часов. Иван Мир рассказывает, как он это сделал. (Изображение предоставлено)

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

  • Все больше и больше людей, работающих в Google, Twitter, Facebook и других технологических гигантах, отключают себя от смартфонов. Радикально ограничив набор функций обычным беспроводным телефоном, они хотят вернуть контроль над своей жизнью. Пол Льюис поговорил с некоторыми людьми и выяснил, почему технические инсайдеры, которые на самом деле создают приложения и операционные системы для смартфонов и других интеллектуальных устройств, боятся антиутопии смартфонов. Хорошее чтение о проблемах психического здоровья.
  • Вот 10 часов окружающих арктических звуков, которые помогут вам расслабиться, помедитировать или заняться учебой.
  • Джулиан Оливер рассказывает, как он использовал энергию ветра для добычи криптовалюты и финансирования исследований климата.
  • Йенс Оливер Мейерт отправил электронное письмо компаниям, на долю которых приходится 71% всех выбросов парниковых газов. Вот что они ответили, но самое главное в этом эксперименте то, что делает автор:

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

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



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

Заключение

Вы ознакомились с статьей — Ежемесячный обзор веб-разработки 10⁄2017: CSS Grid, подводные камни CAA и оптимизация изображений

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

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

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

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

Краткое описание по статье Ежемесячный обзор веб-разработки 10⁄2017: CSS Grid, подводные камни CAA и оптимизация изображений

Название: Ежемесячный обзор веб-разработки 10⁄2017: CSS Grid, подводные камни CAA и оптимизация изображений . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 30.01.2022 . Автор: Алишер Валеев .

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

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

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

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

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