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

Возможности проекта FUGU. Марико Косака и Пит Лепаж обсуждают API веба, приближающие его к нативным платформам:

Web Share API
Web Share Target API
Contact Picker API
File System API и другие

1. Стандарты и фолбэки
2. Уже готовы?

Tver.io JavaScript Meetup пройдёт онлайн уже сегодня вечером в 18:30 (GMT+3): переизобретение асинхроности, собственный рендерер на React Reconciler, Wasm 101 и ML для фронтендеров. Программа и трансляция.

Вышел официальный мобильный клиент GitHub для Android и iOS. Среди возможностей: ишью, пулреквесты, код-ревью, уведомления и обязательная тёмная тема — https://github.com/mobile

Google Play https://play.google.com/store/apps/details?id=com.github.android
App Store https://apps.apple.com/app/id1477376905

00:01:10 Мета и подкасты
00:06:06 Отмена событий
00:14:59 Firefox обновит KaiOS
00:19:41 Ненужный CSS в DevTools
00:26:19 Такой сложный вьюпорт
00:33:18 Размеры и загрузка картинок
00:39:40 Смешивание цветов
00:44:47 Команда Vue.js Core
01:01:11 Документация и перевод
01:09:04 Планы Vue.js

Выпуск №221: Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js. В гостях Наташа Теплухина. Слушайте на Ютубе https://youtu.be/CcThxJzQuQg, читайте на Медиуме https://medium.com/p/f1e1bf37b0b2

Простая анимация на чистом CSS. Саша Смыгина в блоге HTML Academy сначала рисует, а потом плавно выращивает листья на дереве. Пошаговый разбор https://htmlacademy.ru/blog/boost/frontend/pure-css-tree и финальное демо https://codepen.io/sasha-sm/pen/VwLMQdK

GitHub договорился с npm о поглощении. В планах компании вложиться в инфраструктуру и продолжить работу над инструментами. Платные приватные реестры переедут в систему GitHub Packages в этом году, а npm останется открытой основной JS-экосистемы — https://github.blog/2020-03-16-npm-is-joining-github/

Полное руководство по data-атрибутам в HTML. Крис Койер показывает, как хранить полезную информацию в HTML и использовать её для стилизации или в JavaScript, в переводе на Хабре — https://habr.com/p/490626/

Новый подкаст про CSS: The CSS Podcast. Юна Кравец и Адам Аргайл погружаются в особенности технологии и объясняют сложные вещи простыми словами — https://pod.link/thecsspodcast

Единицы измерения вьюпорта. Ахмад Шадид разбирается, как работают vw, vh, vmin и vmax и для чего их полезно применять в вёрстке — https://ishadeed.com/article/viewport-units/

Новинки Firefox 74 в обзоре Марата Таналина: кастомизация оформления text-decoration и outline-style, optional chaining в JavaScript, поддержка Feature-Policy, отключение TLS 1.0/1.1 и другое — https://tanalin.com/blog/2020/03/firefox-74/

Живая отладка Node.js приложений в терминале. Советы по тому, как отловить ошибки в серверном коде прямо на продакшене — https://medium.com/p/cd5b58f883e1

Адаптивная ширина видео. Крис Койер делится приёмами, при помощи которых можно динамически менять размеры видео-контейнера с сохранением пропорций — https://css-tricks.com/fluid-width-video/

Изучите выравнивание блоков. Ахмад Шадид наглядно объясняет, как работает выравнивание элементов внутри гридов и флексов — https://ishadeed.com/article/learn-box-alignment/

Редакторы SVG в браузере. Крис Койер делится списком онлайн-инструментов для работы с SVG-графикой — https://css-tricks.com/browser-based-svg-editors/

Фиксация скролла после изменений в раскладке. В Chrome 81 починили поведение CSS Scroll Snap, когда при изменении размера вьюпорта фиксация ломалась — https://web.dev/snap-after-layout/

00:00:57 События
00:11:39 Широкая цветовая гамма
00:15:11 Этапы развития CSS
00:20:28 Вся сборка ведёт в Rome
00:26:16 Фильм про Vue.js
00:30:59 Интернационализация
00:36:30 Юбилей Google Fonts
00:40:11 Фронтендер в геймдеве
00:58:50 Зарубежные митапы

Выпуск №220: Цветовая гамма, история CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы. В гостях Александр Коротаев. Слушайте на Ютубе https://youtu.be/hCe_xaglY70, читайте на Медиуме https://medium.com/p/20637b9fb1ad