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

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

https://t.me/uxidesign

Ссылка на новости

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

Инструментальная ссылка

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

Ссылка на веб-производительность

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

CSS ссылка

  • Mozilla создала игровую площадку с CSS-сеткой, которая поможет вам понять и разобраться в создании новой техники макетирования.
  • Лиа Веру начала очень полезную дискуссию о специфичности селектора: not () и почему было бы полезно иметь псевдокласс: matches, который ни имеет никакой специфики.
  • Balloon.css позволяет добавлять подсказки к элементам без JavaScript и всего лишь в нескольких строках CSS.
  • Мина Маркхэм делится тем, как инженеры Slack перестроили сайт Slack с помощью CSS Grid. Положительный эффект: более компактный, более чистый код с более предсказуемой спецификой CSS и значительно улучшенной производительностью.
The Slack engineering team lets us sneak a peek behind the scenes of their recent CSS Grid powered website redesign. (Image credit)

JavaScript  ссылка


Report Page