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

Инклюзивные компоненты: слайдер. Хейдон Пикеринг собирает удобный и доступный слайдер в переводе Татьяны Фокиной на «Веб-стандартах» — https://medium.com/p/a9ebddaae274

00:00:49 Ручной SVG
00:10:22 Puppeteer 2.1 с Firefox
00:15:51 И снова Yarn 2
00:23:52 Что такое TeamCity
00:33:15 Фронтенд TeamCity
00:39:05 Компоненты в Storybook

Выпуск №216: Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook. В гостях Филипп Рябчун. Слушайте на Ютубе https://youtu.be/yzr6GdX7qF4, читайте на Медиуме https://medium.com/p/f4b73389ca5a

Создаём редактируемую веб-страницу с помощью Google-таблиц и Tabletop.js. Дэвид Атанда использует таблицы Google для хранения данных для отображения — https://css-tricks.com/creating-an-editable-webpage-with-google-spreadsheets-and-tabletop-js/

Вышел релиз 9.0.0 Angular. Стивен Флюин рассказывает о ключевых изменениях: переезд на компилятор Ivy, уменьшение размера бандла, упрощение дебага, улучшенная проверка типов и другие — https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3

Новая техника создания отзывчивых графиков без JavaScript. Рич Харрис собирает компонент на Svelte, который рендерится в отзывчивый SVG во время сборки — https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp

Типизация объектов в TypeScript. Аксель Раушмайер подробно разбирает статическую типизацию объектов и их свойств в TypeScript — https://2ality.com/2020/01/typing-objects-typescript.html

ResizeObserver — новый мощный инструмент для отзывчивого веба. Кристина Скварок рассказывает об особенностях ResizeObserver API, позволяющего следить за изменениями размеров конкретного элемента, в переводе на Хабре — https://habr.com/p/487146/

Собираем доступное автодополнение. Адам Сильвер подробно показывает, как сделать кастомный <select> с автодополнением и поддержкой клавиатуры — https://adamsilver.io/articles/building-an-accessible-autocomplete-control/

Как я воссоздала старую камеру Polaroid при помощи CSS-градиентов. Сара Л. Фоссхайм делится своим алгоритмом рисования объектов из реального мира при помощи CSS — https://fossheim.io/writing/posts/css-polaroid-camera/

Меньше навязчивой рекламы в видео. С 5 августа 2020 года Chrome планирует начать блокировать рекламу, мешающую просмотру видео, в том числе на YouTube — https://blog.chromium.org/2020/02/videos-with-fewer-intrusive-ads.html

Простой и быстрый тёмный режим на кастомных свойствах. Мишель Баркер показывает, как при помощи prefers-color-scheme и кастомных свойств добавить поддержку тёмной темы на сайте — https://css-irl.info/quick-and-easy-dark-mode-with-css-custom-properties/

Новинки Chrome 80 в обзоре Пита Лепажа: модульные воркеры, optional chaining, периодическая фоновая синхронизация, Contact Picker API, уведомления по расписанию, ссылки на текстовые фрагменты и другие. Подробнее в статье https://developers.google.com/web/updates/2020/02/nic80
или видео https://youtu.be/lM0qZpxu0Fg

Подробное руководство по <iframe>. Нада Рифки подробно разбирает особенности работы с фреймами и их атрибуты — https://blog.logrocket.com/the-ultimate-guide-to-iframes/

Яндекс.Практикум открыл набор в бесплатную Школу наставников по фронтенду, бэкенду, дата-сайенсу, дизайну и тестированию. Школа научит управлять командой и передавать опыт другим. Запись и отбор открыты до 24 февраля, обучение пройдёт онлайн 2–20 марта — https://praktikum.yandex.ru/promo/mentors-school

Долгожданные фотографии с последней 42-й конференции Web Standards Days в Минске!

Альбом в Фейсбуке https://www.facebook.com/pg/webstandardsru/photos/?tab=album&album_id=2758201847580870
Альбом во ВКонтакте https://vk.com/album-32017543_272645532
Видео на Ютубе https://www.youtube.com/playlist?list=PLMBnwIwFEFHdMiEG-wHDouG1A0LQeAEJl

Чему меня научил год изучения и преподавания доступности. Сара Суайдан в переводе Александра Малинина на «Веб-стандартах» — https://medium.com/p/207d1ff0e80c

Svelte Russia Meetup #1 — первый русскоязычный митап по Svelte пройдёт в Москве 22 февраля в офисе Mail.ru Group. В программе пять докладов, планируется трансляция. Подробности и регистрация — https://corp.mail.ru/ru/press/events/723/