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

Декларативный Shadow DOM. Джейсон Миллер и Мейсон Фрид про новый способ создания Shadow Root прямо в HTML. Это позволит рендерить HTML на сервере и доставлять на клиент уже готовый интерфейс. DSD появится в Chrome 88, но уже доступен в 85-м за флагом — https://web.dev/declarative-shadow-dom/

Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb. Крис Уильямс представляет разработку компании в переводе на Хабре — https://habr.com/p/521068/

Проект на Гитхабе https://github.com/airbnb/visx
Галерея компонентов https://airbnb.io/visx/gallery

Разновидности объектно-ориентированного программирования в JavaScript. Зелл Лью проводит исследование, как различные подходы из ООП могут быть применены в современном JS — https://css-tricks.com/the-flavors-of-object-oriented-programming-in-javascript/

Ленивая загрузка видео. Джереми Вагнер и Рэйчел Эндрю в переводе на Хабре показывают, как загружать видео только при необходимости и экономить трафик пользователя — https://habr.com/p/520594/

Вежливые команды в Bash. Эрик Мейер делится bash-функцией, экономящей время и нервы — https://meyerweb.com/eric/thoughts/2020/09/29/polite-bash-commands/

Преодолевая напряжение между дизайном и кодом. Технический директор Figma рассказал о новинках, которые помогут сблизить дизайнеров и разработчиков. Среди прочего, в ноябре обновится Auto Layout, который станет ещё ближе к CSS и флексам — https://www.figma.com/blog/config-europe-2020-new-feature-announcements/

Как мы распилили монолит. Часть 2, Frame Manager. Станислав Петров с продолжением серии про архитектуру приложений в блоге Tinkoff на Хабре — https://habr.com/p/520476/

Как сделать простую страницу для офлайна. Томас Штайнер предлагает рецепт сервис-воркера, который поможет пользователю понять, что произошло, и проверить, не появилась ли сеть — https://web.dev/offline-fallback-page/

Математические функции в CSS. Юля Бухвалова с подробным рассказом про min, max, clamp, calc и с интересными примерами использования — http://css.yoksel.ru/css-math/

Несбывшиеся надежды веб-компонентов. Лия Веру про декларативную природу веба и сложности для входа в разработку, которые несут веб-компоненты в нынешнем виде. В переводе CSS-live — https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html

00:00:52 Чат в Телеграме
00:03:42 События
00:05:09 Firefox 81
00:09:32 Vue 3
00:18:16 GitHub CLI
00:27:34 Отладка CSS
00:36:22 Новая Nova
00:49:00 Редактор для веба

Выпуск №249: Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба. Слушайте на Ютубе https://youtu.be/TvWBm3hHeEo, читайте на Медиуме https://medium.com/p/cf77bdae26e3

Почему псевдоэлементы ::before и ::after не работают для полей ввода и картинок. Заметка Криса Койера в переводе — http://odinokun.com/2020-09-24-pochemu-psevdoelementy-before-i-after-ne-rabotayut-dlya-polej-vvoda-i-kartinok.html

Что такое проект Fugu? Феликс Гершау с обзором инициативы Google по расширению возможностей веб-платформы: путь от идеи для реализации, что уже запущено, что планируется и как принять участие в проекте — https://felixgerschau.com/web-capabilities-project-fugu-google/

Мы запустили публичный чат в Телеграме для обсуждения новостей, статей, подкастов, словаря, событий и других проектов сообщества. Присоединяйтесь! — https://t.me/webstandards_chat

Три вещи о CSS-переменных, которых вы могли не знать. Патрик Броссет о том, что бывает, когда переменная не определена, как работают фолбэки и как вам могут помочь DevTools — http://patrickbrosset.com/articles/2020-09-21-3-things-about-css-variables-you-might-not-know/

Адаптивное видео с помощью встроенных математических функций CSS. Юля Бухвалова воспроизвела свойство aspect-ratio, пока его нет в браузерах, для создания адаптивного <iframe> — http://css.yoksel.ru/adaptive-video-with-css-math/

Кстати, Юля ищет работу https://spb.hh.ru/resume/727a4146ff07b993730039ed1f534f7a333743

Делаем модальные окна для сайта. Заботимся об удобстве и доступности. Антон Фёдоров сделал библиотеку HystModal и подробно рассказал об её устройстве и особенностях — https://habr.com/p/519662/