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

Новинки Firefox 77: быстрый отладчик JS, остановка на чтении или записи в переменную, метод replaceAll для строки и другие. Подробнее в обзорах:

Марата Таналина https://tanalin.com/blog/2020/06/firefox-77/
Флориана Шольца и Харальда Киршнера https://hacks.mozilla.org/2020/06/new-in-firefox-77-devtool-improvements-and-web-platform-updates/

Путешествие в разработку. Мини-фильм про Лию Веру: история о том, как она стала веб-разработчицей, соавтором спецификаций и «королевой CSS» — https://youtu.be/gJD0aws8jeg

Руководство пользователя по CSS-переменным. Лия Веру объясняет, как работают кастомные свойства, чем они отличаются от переменных в языках программирования и для чего их использовать — https://increment.com/frontend/a-users-guide-to-css-variables/

Что каждый разработчик должен знать о TCP. Роберто Витилло рассказывает об основах протокола TCP и объясняет, чем эти знания полезны для контроля производительности сайтов — https://robertovitillo.com/what-every-developer-should-know-about-tcp/

Возобновилась работа над черновиком спецификации CSS Inline Layout с новыми свойствами для позиционирования элементов и самого текста между строками. Один из примеров, оформление буквицы с помощью свойства initial-letter — https://www.w3.org/TR/css-inline-3/#initial-letter-styling

Создавая Vue 3. Эван Ю рассказывает, зачем и как создавалось мажорное обновление фреймворка и какие задачи стояли перед разработчиками — https://increment.com/frontend/making-vue-3/

Ubuntu как основная система. Бен Фрейн делится опытом переезда с macOS на Ubuntu и настройки системы для веб-разработки — https://benfrain.com/linux-ubuntu-as-my-main-computer-one-month-in/

Живые и неживые коллекции в JavaScript. Саша Смыгина разбирается в разнице между способами получения DOM-элементов и в особенностях HTMLCollection и NodeList — https://htmlacademy.ru/blog/boost/frontend/collections-js

Микрофронтенд в контексте. Лука Меццалира рассказывает, когда и зачем разработчикам стоит присмотреться к новой архитектуре приложений — https://increment.com/frontend/micro-frontends-in-context/

Глобальные и компонентные стили. Сара Суайдан делится своим способом организации и использования стилей через CSS-переменные — https://www.sarasoueidan.com/blog/style-settings-with-css-variables/

Упрощение фоновых узоров при помощи конических градиентов. Ана Тюдор показывает, как создавать интересные геометрические узоры, используя conic-gradient() — https://css-tricks.com/background-patterns-simplified-by-conic-gradients/

Глубокое погружение в ленивую загрузку изображений. Карлес Нуньес смотрит в исходный код Chromium и делится выводами о том, когда стоит использовать нативную ленивую загрузку — https://dev.to/carlesnunez/deep-dive-into-lazy-loading-images-211f

00:00:28 События
00:02:54 Edge DevTools
00:10:35 Web Vitals, SEO, AMP
00:17:51 10 лет адаптивности
00:25:21 Улучшение веб-платформы
00:40:30 Взгляд на JS-экосистему
00:54:55 Вертикальный ритм

Выпуск №232: Edge DevTools, Web Vitals и AMP, 10 лет RWD, веб-платформа, JS-экосистема, вертикальный ритм. Слушайте на Ютубе https://youtu.be/7MvWOiKKy8U, читайте на Медиуме https://medium.com/p/a06cb67e2c70

Цвета в CSS. Ахмад Шадид разбирается в разных форматах и значениях свойства color и том, как их применять для стилизации — https://ishadeed.com/article/css-color/

Почему CSS… такой? Технический директор W3C Крис Лилли рассказывает историю появления особенностей некоторых свойств в CSS — https://increment.com/frontend/ask-an-expert-why-is-css-the-way-it-is/

CUBE CSS. Энди Белл предлагает методологию наименования и использования классов в CSS со слоями для композиции, утилит, блоков и исключений — https://piccalil.li/blog/cube-css/

Локальное тестирование на iPhone. Джош Комю делится способами отладки веб-страниц на настоящем iPhone и через симулятор — https://joshwcomeau.com/blog/local-testing-on-an-iphone/