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 Редактор для веба
Математические функции в CSS. Юля Бухвалова с подробным рассказом про min, max, clamp, calc и с интересными примерами использования — http://css.yoksel.ru/css-math/
Как сделать простую страницу для офлайна. Томас Штайнер предлагает рецепт сервис-воркера, который поможет пользователю понять, что произошло, и проверить, не появилась ли сеть — https://web.dev/offline-fallback-page/
Как мы распилили монолит. Часть 2, Frame Manager. Станислав Петров с продолжением серии про архитектуру приложений в блоге Tinkoff на Хабре — https://habr.com/p/520476/
Преодолевая напряжение между дизайном и кодом. Технический директор Figma рассказал о новинках, которые помогут сблизить дизайнеров и разработчиков. Среди прочего, в ноябре обновится Auto Layout, который станет ещё ближе к CSS и флексам — https://www.figma.com/blog/config-europe-2020-new-feature-announcements/
Ленивая загрузка видео. Джереми Вагнер и Рэйчел Эндрю в переводе на Хабре показывают, как загружать видео только при необходимости и экономить трафик пользователя — https://habr.com/p/520594/
Visx — коллекция графических примитивов для React-приложений, созданная в Airbnb. Крис Уильямс представляет разработку компании в переводе на Хабре — https://habr.com/p/521068/
Декларативный Shadow DOM. Джейсон Миллер и Мейсон Фрид про новый способ создания Shadow Root прямо в HTML. Это позволит рендерить HTML на сервере и доставлять на клиент уже готовый интерфейс. DSD появится в Chrome 88, но уже доступен в 85-м за флагом — https://web.dev/declarative-shadow-dom/
В DevTools Chrome 87 появится инспектор гридов, похожий на тот, что уже есть в Firefox. В панели Layout можно настроить отображение размеров, названий, линий и отдельных гридов.
Новое расширение Microsoft Edge Tools для VS Code добавляет в редактор панели Elements и Network, а также позволяет удобно открыть проект для отладки в Edge или прямо в одной из панелей.
Сокращая разрыв во флексах. Серджио Виллар о том, как Igalia улучшает совместимость флексов в WebKit и будущих версиях Safari на основе тестов WPT. Бонусом идёт долгожданное свойство gap для флексов, которое уже работает в Firefox и Chrome — https://blogs.igalia.com/svillar/2020/10/01/closing-the-gap-in-flexbox/
Контролируйте панорамирование, наклон и зум камеры. Франсуа Бофорт про возможность управлять PTZ-камерами из браузера с помощью getUserMedia и applyConstraints, которая появится в Chrome 87 — https://web.dev/camera-pan-tilt-zoom/
00:01:42 События 00:03:15 Edge в VS Code 00:12:42 Инспектор гридов в Chrome 00:29:46 Gap и баги флексов 00:37:53 Математика в CSS 00:46:42 Hacktoberfest 00:53:15 Shitoberfest 01:00:51 Опенсорс Романа