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

Использование современных форматов изображений. Джош Комю использует WebP, JPEG 2000 и JPEG XR с фолбэком, чтобы экономить трафик пользователей при том же качестве изображений — https://joshwcomeau.com/performance/embracing-modern-image-formats/

Не просите время у бизнеса. Андрей Романов делится мыслями о том, когда можно заниматься устранением технического долга — https://andrew-r.ru/notes/2020-03-25-dont-ask-for-time/

Вышло мажорное обновление инструмента автоматического форматирования кода Prettier 2.0: изменения в значениях по умолчанию, улучшенная эвристика и обновлённый CLI — https://prettier.io/blog/2020/03/21/2.0.0.html

CSS: полное руководство по функции calc(). Крис Койер рассказывает об особенностях вычислений в CSS, в чём их отличия от препроцессорных и когда удобно использовать calc() с кастомными свойствами, в переводе на Хабре — https://habr.com/p/493660/

Поддержание производительности. Дэйв Руперт починил загрузку шрифтов в своём блоге и ускорил полную загрузку страницы на 33 секунды — https://daverupert.com/2020/03/maintaining-performance/

CSS может влиять на скринридеры. Бен Майерс исследует примеры того, как декоративные CSS-свойства могут изменить озвучивание веб-страницы — https://blog.benmyers.dev/css-can-influence-screenreaders/

Всё про auto в CSS. Ахмад Шадид разбирается, как работает ключевое слово auto в различных свойствах и для чего его можно полезно применять — https://ishadeed.com/article/auto-css/

00:00:40 События
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!

Выпуск №222: GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги! Слушайте на Ютубе https://youtu.be/cXwo54dKuX8, читайте на Медиуме https://medium.com/p/cad960349c1d

Видео докладов конференции Я ❤︎ Фронтенд 2020: глазные интерфейсы, роутеры, семантика, устройство картинок, редактор майндмэпов, ApolloClient 3, BFCache и менторство — https://www.youtube.com/playlist?list=PLKaafC45L_SRLlyOzp6xBMUh0kn2eQBUd

Мои находки после пользования вебом без заголовка User-Agent целую неделю. Шиме Видас для эксперимента выключил отправку заголовка User-Agent браузером и проверил, как на это реагируют популярные веб-сайты — https://webplatform.news/issues/2020-03-19

CSS Grid: Верстаем адаптивный журнальный макет в 20 строк. Кеир Уотсон использует возможности гридов, чтобы сверстать адаптивный список новостей в виде карточек минимумом кода, в переводе на Хабре — https://habr.com/p/492760/

Good Email Code. Марк Роббинс собирает лучшие практики вёрстки почтовых рассылок с готовыми шаблонами и объяснениями особенностей — https://www.goodemailcode.com/

«Не закрывайте теги!» Илья Стрельцын отвечает на нашумевший твит Таба Аткинса подробным разбором, на что может повлиять незакрытый тег в HTML — https://css-live.ru/verstka/do-not-close-tags.html

Фиксированные заголовки таблиц. Адриан Розелли создаёт вертикальные и горизонтальные заголовки, которые «прилипают» к вьюпорту во время прокрутки, с помощью position: sticky и <table> для лучшей доступности — https://adrianroselli.com/2020/01/fixed-table-headers.html

Основы HTML, видеокурс Евгения Ковальчука из 15 частей: основы языка, новые теги, валидация, семантика и доступность — https://www.youtube.com/playlist?list=PLNkWIWHIRwMFtHHg0amAgocYP-kZypbY7

CSS X. Соавтор CSS Берт Бос высказался в блоге W3C о планах добавить CSS версию для популяризации. Подробный экскурс в историю языка, причины разделения на модули и (сомнительная) ценность общего версионирования — https://www.w3.org/blog/2020/03/css-x/

Разбираемся в Node.js. Хьюго Жиродель помогает новичкам понять основы работы node и npm: основные термины и жаргон, установка и использование зависимостей — https://hugogiraudel.com/2020/03/14/making-sense-out-of-node/