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

Лучшие практики для полевых замеров Web Vitals. Филип Уолтон показывает, как эффективно измерять метрики CLS, FID и LCP из инициативы Web Vitals на реальных пользователях — https://web.dev/vitals-field-measurement-best-practices/

Фронтендерский стек для видео-игр. Рэмси Насэр делится списком технологий, которые он использовал для разработки игры Restricted Airspace — https://increment.com/frontend/a-frontend-stack-for-video-games/

Первый взгляд на записи и кортежи в JavaScript. Аксель Раушмайер рассказывает о предложении в стандарт ECMAScript двух новых видов составных примитивных значений, в переводе на Хабре — https://habr.com/p/504092/

Framer теперь работает и в браузере. Инструмент для визуального прототипирования интерфейсов, бесплатный для личного использования — https://www.framer.com/

Эффект появления подписи к фото на чистом CSS. Мишель Баркер собирает демо с анимированным появлением описания фотографии по наведению курсора или по фокусу с клавиатуры — https://css-irl.info/css-only-slide-up-caption-hover-effect/

Взгляд на JavaScript со стороны. Лия Веру делится историей о том, как она пыталась помочь другу не из фронтенда воспользоваться JavaScript-модулем, в переводе на «Веб-стандартах» — https://web-standards.ru/articles/todays-js-from-outside/

Введение в руководство по вкладу в веб-платформу. Саймон Питерс рассказывает об электронной книге с объяснениями, как влиять на развитие веба и куда идти для починки багов в браузерах — https://bocoup.com/blog/introducing-the-web-platform-contribution-guide

Руководство по отзывчивым изображениям в HTML. Подробное объяснение работы <picture>, атрибутов srcset и sizes и способов их применения для контроля производительности и дизайна — https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/

Nsk Tech Talks #12 по фронтенду пройдёт онлайн 28 мая. Вероника Самохина из Контура расскажет, куда расти фронтенд-разработчику и что делать, если что-то пошло не так. Сразу после доклада — открытая дискуссия. Участие бесплатное, количество мест ограничено https://eventskbkontur.timepad.ru/event/1320786

5 отличий между обычными и стрелочными функциями. Дмитрий Павлутин разбирается в особенностях разных объявлений в JavaScript — https://dmitripavlutin.com/differences-between-arrow-and-regular-functions/

Всё, что я не знал про свойство content в CSS. Мануэль Матузович делится свежими открытиями: от тривиальных до неожиданных — https://www.matuzo.at/blog/heres-what-i-didnt-know-about-content/

Полное руководство по рендерингу в React. Марк Эриксон погружается в детали процесса и касается влияния Context и React-Redux — https://blog.isquaredsoftware.com/2020/05/blogged-answers-a-mostly-complete-guide-to-react-rendering-behavior/

Классической статье «Responsive Web Design» Итана Маркота на A List Apart исполнилось 10 лет. Статья стартовала новую эпоху в дизайне и разработке сайтов — https://alistapart.com/article/responsive-web-design/

Ева Ферейра напоминает о юбилее и пасхалке для внимательных читателей https://twitter.com/evaferreira92/status/1264929144862900229

Разработчика, который писал на чистом HTML и CSS в «Блокноте», признали колдуном. Шокирующую историю Кристофера Эбаут-Бланка рассказывает Джей Квери — https://web-standards.ru/articles/witch-developer/

177 любимых JS-однострочников для решения множества задач: от массивов до строк. Сборник Фуока Нгуена с поиском и возможностью предложить свой на Гитхабе — https://1loc.dev/

00:01:20 События
00:08:47 Microsoft Build
00:15:13 Новинки Chrome 83
00:22:46 Lighthouse 6
00:29:15 Быстрый Google Fonts
00:35:55 Аудит перфоманса Notion
00:44:26 Angular по-русски

Выпуск №231: MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски. В гостях Алексей Охрименко. Слушайте на Ютубе https://youtu.be/la_81IJqmks, читайте на Медиуме https://medium.com/p/d2e6463c78d5

Сборник пробелов и символов нулевой ширины Кирилла Беляева, с копированием в буфер по клику, короткими мнемониками и аннотациями о применении — https://kirillbelyaev.com/s/