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

Введение в стилизацию RTL-интерфейсов Ахмада Шадида. Примеры разметки, стилей и необходимых изменений для локализации элементов интерфейса для систем письменности справа налево — https://www.rtlstyling.com/posts/rtl-styling/

Гибкие наклонные изображения с подписями. Эрик Мейер рассказывает, как верстал нестандартную галерею для фотографий и чему научился в процессе — https://24ways.org/2019/flexible-captioned-slanted-images/

Используем console.log как профи. Харш Макадиа разбирается, какие ещё методы есть у объекта console и как они могут помочь с дебагом вашего кода — https://medium.com/p/1c634e6393f9

Symbol.iterator в JavaScript. Ильгам Габдуллин показывает, как реализовать итераторы в своих структурах — https://habr.com/p/481548/

Пиксели или относительные единицы в CSS: почему это всё ещё нужно обсуждать. Кэтлин МакМэхон напоминает про необходимость тестирования вёрстки при зуме страницы и показывает, как на это влияют выбранные единицы измерения — https://www.24a11y.com/2019/pixels-vs-relative-units-in-css-why-its-still-a-big-deal/

Введение в вариативные шрифты: всё, что вы когда-либо знали о шрифтах, теперь изменилось (к лучшему). Джейсон Парменталь с подробным введением в переводе Романа Зварича на «Веб-стандартах» — https://medium.com/p/3f2b6123e1cd

00:01:50 Отсутствие событий
00:02:56 Что не так с HTML
00:29:09 Что можно с этим сделать
00:42:07 ШРИ Яндекса

Выпуск №209: Отсутствие событий, что не так с HTML и что можно с этим сделать, Школа разработки интерфейсов Яндекса. В гостях Дмитрий Андриянов. Ссылки на Медиуме https://medium.com/p/5d1b57aaf05c или на Ютубе https://youtu.be/0flzixNbIeQ

Новый экспериментальный облик CSS-live.ru. Илья Стрельцын о редизайне сайта и 100% в Lighthouse — https://css-live.ru/css/novyj-eksperimentalnyj-oblik-css-live-ru.html

Визуализация JavaScript. Лидия Хейли объясняет устройство JS-движка V8 и некоторые особенности работы с динамической типизацией — https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

Пользовательские обработчики схем. Эрик Лоуренс исследует способы назначать веб-сайты обработчиками для URL-схем (например, mailto-ссылок) — https://textslashplain.com/2019/11/21/web-to-webapp-communication-custom-scheme-handlers/

Новый дом для Logux. Андрей Ситник рассказывает, как удалось сделать сайт с документацией Logux легковесным, удобным и с оценкой 100 в Lighthouse — https://evilmartians.com/chronicles/new-home-for-logux-pouring-love-into-an-oss-documentation-website

Скрытая цена CSS-in-JS-библиотек в React-приложениях. Аггелос Арванитакис разбирается, почему подход CSS-in-JS значительно замедляет интерфейсы с множеством изменяющихся элементов, в переводе на Хабре — https://habr.com/p/480358/

Релиз v8.0 JS-движка V8: компрессия указателей, оптимизация встроенных функций высшего порядка, поддержка optional chaining и объединений с null — https://v8.dev/blog/v8-release-80

Понимание позиционирования в CSS. Чэнь Хуэй Джин на примерах объясняет, как влияют на поток свойство position и логические свойства — https://www.chenhuijing.com/blog/understanding-positioning-in-css/

Состояние JavaScript 2019. Результаты опроса 21 717 JS-разработчиков по всему миру: фреймворки, бэкенд, тестирование и даже подкасты — https://2019.stateofjs.com/

Mozilla Firefox и проблема псевдоэлемента ::first-letter. Артур Басяк воюет с буквицей — https://medium.com/p/61a05d17c736

Крисс Миллс из Mozilla делает полноценный диктофон с помощью MediaStream Recording API и getUserMedia на 24ways — https://24ways.org/2019/building-a-dictaphone-using-media-recorder-and-getusermedia/

Демо — https://mdn.github.io/web-dictaphone/
Код на Гитхабе — https://github.com/mdn/web-dictaphone