Веб-стандарты. Страница 81

Использование CDN для оптимизации картинок. Вводная Кейти Хемпениус https://web.dev/image-cdns и практикумы на примере:

— Cloudinary https://web.dev/codelab-cloudinary/
— Imgix https://web.dev/codelab-imgix/

Инструкция по установке Thumbor CDN на свой сервер https://web.dev/install-thumbor/

Chrome планирует внедрить поддержку CSS-модулей, которые расширят спецификацию ES-модулей. Черновик, предложенный Microsoft, позволит импортировать стили для компонентов из внешнего файла, вместо включения в JS-код компонента — https://groups.google.com/a/chromium.org/d/msg/blink-dev/vCrJCQxNnzo/OAYI9cPWAQAJ

Релиз v7.7 JS-движка V8: оптимизации выделения памяти, масштабируемая фоновая компиляция WebAssembly, улучшения стек-трейса и новые возможности в Intl.NumberFormat API — https://v8.dev/blog/v8-release-77

Генерируем одноразовые пароли для 2FA в JS с помощью Web Crypto API. Александр Хованский реализует двухфакторную аутентификацию на нативных технологиях с подробными объяснениями — https://habr.com/p/462945/

Нативную ленивую загрузку подвезли! Подробности реализации атрибута loading в Chrome 76 и варианты использования для <img> и <iframe> https://web.dev/native-lazy-loading и история успеха команды BBC https://medium.com/p/c37a165d70a5

Полное руководство по самому новому типу данных в JavaScript: BigInt. Фараз Келини рассказывает об отличиях BigInt от Number — https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/

Пользовательские CSS-атрибуты как механизм передачи данных из JavaScript в CSS. Кристиан Хайльман в переводе на CSS-live показывает, как CSS-переменные в связке с JavaScript помогают анимировать интерфейс — https://css-live.ru/articles/polzovatelskie-css-atributy-kak-mexanizm-peredachi-dannyx-iz-javascript-v-css.html

Как новый движок LayoutNG, вышедший вместе с Chrome 76, улучшил поддержку нелатинских шрифтов, работу с отступами и плавающими блоками — https://www.chromium.org/blink/layoutng

Как мы перестали волноваться и полюбили GraphQL. Первая из серии статей Андрея Лося в блоге Revolut про использование GraphQL в проектах компании — https://medium.com/p/80a5f83f36d9

10:20 Доступ к адресной книге в Chrome
16:46 JS-движок Hermes для React Native
29:17 Инструменты: PageSpeed, DevTools, ndb
47:31 Зачем Puppeteer, если WebDriver
58:37 PiterJS: митап и конференция

Выпуск №188: Доступ к адресной книге в Chrome, JS-движок Hermes для React Native, PageSpeed, DevTools и ndb, Puppeteer, PiterJS: митап и конференция. В гостях Вадим Горбачёв и Дмитрий Пацура. Ссылки на Медиуме https://medium.com/p/ec0d2498def или на Ютубе https://youtu.be/wmiHyJcBc6A

Доступ к адресной книге в вебе. Пит Лепаж с подробностями о Contact Picker API, который позволит делиться контактами с веб-приложениями — https://developers.google.com/web/updates/2019/08/contact-picker

Пусть Mavo блистает в интерактивных веб-приложениях. Дмитрий Шарабин собирает рабочее приложение с карточками для обучения на фреймворке Mavo без написания JavaScript-кода — https://css-tricks.com/let-mavo-shine-in-building-interactive-web-applications/

Наибольшая существенная отрисовка, или LCP. Филип Уолтон о новой метрике производительности, позволяющей отслеживать время загрузки самого крупного элемента на экране пользователя — https://web.dev/largest-contentful-paint

Стиль мышления CSS. Макс Бёк рекомендует относиться к CSS по-другому в переводе на «Веб-стандартах» — https://medium.com/p/a24fdef7156e

CSS-мышление. Макс Бёк делится советами, которые помогут писать CSS эффективнее — https://mxb.dev/blog/the-css-mindset/

Графические интерфейсы для Git. Крис Койер с обзором программ, заменяющих или дополняющих работу с контролем версий в командной строке — https://css-tricks.com/graphical-user-interfaces-for-git/

Extra.css, библиотека настраиваемых ворклетов для CSS Houdini от Юны Кравец — https://extra-css.netlify.com/