Интересные публикации
Google недавно слегка взбудоражил сообщество разработчиков новостью о переходе Google Docs на Canvas-рендеринг. Размышления на эту тему записал Мэтью Макдональд (Matthew MacDonald). Он считает, что подход будет распространяться, а семантический веб скорее мёртв, чем жив. Также автор затрагивает WebAssembly.
Джек Франклин (Jack Franklin) сравнил React и Svelte.Он реализовал небольшое приложение для трекинга времени и написал об этом статью. В приложении были аутентификация с Firebase, реактивность, композиция компонентов, веб-воркеры и условный рендеринг. По мнению Джека, победил Svelte: код и работа с сайд-эффектами показались ему проще. Статья не без субъектива, но посмотреть стоит.
Поговорим о доступности. Ник Чан (Nic Chan) опубликовала на SmashingMagazine гайд по тулингу для доступности. Она говорит о проверке на соответствие стандартам ARIA, средствах автоматизированного тестирования, инструментах для проверки цветов и фокуса и других аспектах. Также она затрагивает пользовательские настройки и CI. В статье много ссылок на инструменты и разные полезные расширения.
Стефани Эклз (Stephanie Eckles) там же, на SmashingMagazine, недавно опубликовала статью о том, когда чистого CSS недостаточно для обеспечения доступности. Если коротко, такие элементы приложений, как тултипы, карусели, модальные окна и дропдауны, требуют JS для управления атрибутами ARIA, управления фокусом и обработки событий клавиатуры. Помимо этого Стефани рассказывает, как определиться, достаточно ли на проекте чистого CSS, и как работать с вышеупомянутыми элементами.
Следующие три материала с web.dev.
Крис Боакс (Chris Boakes) описал кейс улучшения метрики Cumulative Layout Shift в Telegraph Media Group. У одного из крупнейших британских новостных ресурсов были некоторые проблемы со стабильностью разметки. При помощи WebPageTest и DevTools удалось определить узкие места: рекламные баннеры, встроенные элементы, изображения и хедеры. Подробнее о том, как проблемы удалось решить и как измерили итоговый результат, — в оригинальной статье.
Второй материал — от Томаса Штайнера (Thomas Steiner), он посвящен экспериментальному Storage Foundation API. Все мы знаем, что вебу уже доступен ряд разнообразных хранилищ, зачем же нужно ещё одно? Томас рассказывает о нюансах существующих хранилищ и о том, что Storage Foundation API — это попытка закрыть их слабости. API экспериментальный, но его уже можно опробовать и дать обратную связь, как это сделать — читайте в статье.
Сэм Даттон (Sam Dutton) опубликовал статью о лучших практиках создания форм регистрации. Он затронул целых 17 аспектов, от очевидности и длины сессии до многофакторной авторизации и тестирования.
Джейк Арчибальд (Jake Archibald) написал о том, как доставлять четкие изображения для экранов с высокой плотностью пикселей пользователю и при этом экономить трафик. Речь идет о компрессии и разных версиях изображений.
Ахмад Шадид (Ahmad Shadeed) в своем блоге опубликовал статью о пропорциях в CSS. Он рассказывает, как реализуется пропорциональность на CSS без использования aspect-ratio и, понятное дело, с ним. И по традиции делится кейсами и ссылками на другие полезные ресурсы по теме.
В прошлый раз Козима Мильке (Cosima Mielke) порадовала нас подборкой полезных плагинов и инструментов для VSCode. Она вернулась с новой подборкой. На этот раз это полезные шаблоны и стартер киты для фронтенда. Здесь и шаблоны для фреймворков, и полезные сниппеты, и шаблоны для создания браузерных расширений. Список далеко не полный. Ссылок на полезности много, оформлено удобное оглавление.
Амо Молоко (Amo Moloko) сравнивает техники стейт-менеджмента в 2021 году. Сравнение, конечно, странное, но статья зацепила меня тем, что в ней рассматривается Recoil. Сравниваются в целом Redux, Recoil и, непонятно почему, Apollo. Стоит почитать про Recoil, если вы никогда о нём не слышали, всё остальное можно смело пропустить.
Закрывает рубрику Милош Живкович (Miloš Živković). Его статья называется «5 проблем фронтенда, которые нельзя игнорировать», но на самом деле она о том, что фронтенд — это сложно, круто, и надо непрерывно учиться, а бэкендеры и другие специалисты эту самую сложность преуменьшают, и им есть чему поучиться у фронтендеров. Звучит как крик души.
Новости релизов
Доступен PHP 8.1 альфа. Что нового: перечисления, потоки, которые назвали Fibers, добавлена оптимизация, которая улучшила производительность некоторых приложений на 5-8 процентов, ключевое слово final, которое позволяет запретить переопределение константных полей классов, и ряд других изменений. Релиз запланирован на 25 ноября.
Lighthouse отметился релизом восьмой версии. Самое большое нововведение, пожалуй, — переработка оценки «Performance Score». Веса метрик FCP, SI, TTI, TBT и CLS изменились. Теперь самыми «влиятельными» метриками будут Total Blocking Time и Cumulative Layout Shift. Кстати, о CLS: метрика будет рассчитываться по-другому. Подсчёт теперь происходит по сгруппированным оценкам сдвига за пять секунд. Lighthouse 8 уже доступен в PageSpeed Insights, а Chrome начнёт поддерживать его с 93 версии. Недавно в нашем подкасте Callback Hell обсуждали, что многие сервисы Google не проходят свои собственные тесты на Web Vitals, где-то тут затерялась шутка о том, что теперь их оценки улучшатся.
Команда Next.js выпустила одиннадцатую мажорную версию фреймворка. Были представлены следующие изменения: оптимизация «холодного старта», новые пакеты next/script и next/image, поддержка Webpack 5 по умолчанию, превью фичи Next.js Live, которая позволяет кодить в браузере вместе с командой.
Также отмечу релизы Firefox 89.0.1, Node.js 14.17.1 и njs 0.6.0.
Другие новости
Линус Торвальдс на страже науки. Если помните, относительно недавно Линус попал в поле неодобрения сообщества за токсичность, резкость, грубые высказывания и другие грехи. Он взял небольшой отпуск, покаялся и обещал больше так не делать. Но ненадолго: стоило какому-то антипрививочнику в каком-то треде упомянуть, что вакцинация — это генетический эксперимент по выведению новой гуманоидной расы, как Линус поспешил напомнить ему о ненаучности таких заявлений. Не стесняясь в выражениях. Звучали такие фразы, как «shut the hell up» и «idiotic lies» («заткнись» и «идиотская ложь» соответственно). Правда, в этот раз сообщество его, кажется, не осудило.