Начиная с Chrome 88 цепочки таймеров начнут тротлиться до раза в минуту, если страница не видна больше 5 минут, количество таймеров в цепочке больше 5 и на ней не воспроизводится аудио или WebRTC-видео. Подробности от Джейка Арчибальда.
Энди Белл на примере приложения для ведения заметок показывает, как сделать минимально жизнеспособный продукт, а затем его прогрессивно улучшать, и какие плюсы у такого подхода.
Разбираемся в clip-path. Ахмад Шадид рассматривает современные способы создания фигур и масок: от примитивов до кривых из внешних файлов и сочетаний calc с единицами вьюпорта.
Новинки Chrome 88 в обзоре Пита Лепажа: 3 версия манифеста для расширений, свойство aspect-ratio, тротлинг таймеров на фоновых страницах, no-opener для target=_blank, новая опция для addEventListener и другое.
Коты во флексах. Сержио Виллар из Igalia о том, как они улучшили поведение картинок внутри флексов для WebKit, чтобы они не искажались по умолчанию, а также о ценности WPT (тестов для веб-платформы).
Опубликован первый рабочий черновик WCAG 3.0, руководства W3C по доступности контента и интерфейсов. Вместе с черновиком опубликован обзор отличий от предыдущей версии WCAG 2.1, изменений и улучшений.
Подробнее о новой системе создания слоёв CSS-каскада и управлении специфичностью, предложенной в черновике спецификации CSS Cascading and Inheritance 5 уровня.
Новый элемент <popup> предлагают разработчики Microsoft, Google и Salesforce для выпадающих меню и других похожих случаев, за исключением модальных диалогов. Первый прототип планируют реализовать в Chromium.
Как запустить WebKit на Windows с помощью Playwright. Кристиан Шефер с коротким рецептом, который позволит вам получить почти полноценный Safari на Windows, за некоторыми исключениями в виде проприетарных API или интеграции в ОС.
Чтобы быть впереди веба, веб-стандартам нужно бежать в два раза быстрее. Максим Усачев размышляет, почему нативные браузерные реализации фичей лучше библиотечных, но всё равно медленно внедряются в реальные проекты.
Как мы улучшили перфоманс Smashing Magazine. Виталий Фридман делится опытом оптимизации сайта издания и рассказывает о неочевидных изменениях, которые помогли значительно ускориться.
Важность порядка подключения шрифтов в @font-face при использовании <link rel=preload>. Мэтт Хоббс разбирается в принципах загрузки и предзагрузки шрифтов на примере сайта Белого дома США и даёт советы, как не загрузить лишнего.
Как записать действия на экране в виде скрипта для Puppeteer. Стефан Юдис демонстрирует появившуюся за флагом в Chrome 89 возможность записывать действия на странице.
Вам показалось! Всё о Perceived Performance. Расшифровка доклада Алексея Охрименко про набор психологических и инженерных трюков, создающих у пользователя ощущение быстрой загрузки страницы.
Выпуск №266. Вадим Макеев, Андрей Мелихов, Маша Просвирнина и Иван Дмитриев про Chrome 88, флексы, JS-метод at, управление CSS-каскадом, разработку под Smart TV и видео в вебе.
00:01:36 События 00:02:18 Chrome 88 00:10:21 Картинки во флексах 00:12:06 Новый JS-метод at 00:16:56 Управление CSS-каскадом 00:26:58 Экосистема Smart TV 00:39:26 Интерфейс ТВ 00:47:41 Разработка под ТВ 00:58:54 Устройство ТВ-приложения 01:08:44 Видео для веба
Как использовать HTTPS для локальной разработки. Мод Нальпас показывает различные способы: mkcert, самоподписанный сертификат, прокси, флаг в браузере.
Open Web Docs, новый проект для создания и поддержки документации для веба, основанный Coil, Google, Microsoft при поддержке Igalia, Mozilla, Samsung и W3C. В ближайших приоритетах — работа над MDN.
Инструкция по работе в Figma для верстальщика и чек-лист для передачи макета в разработку. Анастасия Свеженцева рассказывает, что надо знать дизайнеру и веб-разработчику при совместной работе с макетом в Figma.