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

Новые доклады в программе Web Standards Days в Екатеринбурге 19 октября: проверка UX, игры для программистов и поддержка фреймворка в IDE. Бесплатная регистрация всё ещё открыта — https://wsd.events/2019/10/19/

Крах под тяжестью лиц. Зак Лезерман оптимизирует загрузку аватарок комментаторов с внешнего сервиса в своём блоге — https://www.zachleat.com/web/facepile/

Будьте проще с CSS, который масштабируется. Энди Белл делится принципами, которые помогают ему получать максимум от возможностей CSS — https://hankchizljaw.com/wrote/keeping-it-simple-with-css-that-scales/

Размечаем доступные изображения и SVG в зависимости от контекста. Скотт Охара подробно разбирает нюансы создания доступного описания для изображений — https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html

Разбираемся с высотой строки в Figma. Марчин Вихари рассказывает о том, как в Figma решили уйти от принятых в дизайне принципов работы с высотой строки в сторону удобства для веб-дизайнеров — https://www.figma.com/blog/line-height-changes/

Как рисует браузер. Константин Крамлих из Яндекса о том, как современные браузеры оптимизируют отрисовку веб-страниц, в расшифровке доклада на Хабре — https://habr.com/p/468165/

Где и как использовать мультиколонки. Рэйчел Эндрю показывает, когда колонки удобнее двумерных сеток и какие нюансы нужно учитывать при такой вёрстке, в переводе на Хабре — https://habr.com/p/469395/

Первые доклады в программе Web Standards Days в Екатеринбурге 19 октября: запуск React в Java, устойчивости к ошибкам и шрифты для веба. Бесплатная регистрация пока открыта — https://wsd.events/2019/10/19/

Инклюзивные компоненты: интерфейсы со вкладками. Хейдон Пикеринг про настоящие вкладки, их доступность и адаптацию в переводе на «Веб-стандартах» — https://medium.com/p/a125212e6c35

00:01:23 События
00:07:02 Бета Chrome 78 и iOS 13
00:22:40 Сгибание на React
00:30:45 Экономная оптимизация
00:37:34 Вариативные Google Fonts
00:40:21 Прокси и jQuery

Выпуск №195: Бета Chrome 78 и iOS 13, сгибание на React, экономная оптимизация, вариативные Google Fonts, прокси и jQuery. Ссылки на Медиуме https://medium.com/p/238b57fdefdc или на Ютубе https://youtu.be/8qNvlo2wPo4

Чемпионат Яндекса по программированию пройдет с 14 по 20 октября по четырём направлениям: фронтенд-, бэкенд-, мобильная разработка и машинное обучение. Задачи для фронтенда составили разработчики веб-интерфейсов Поиска Яндекса. Призовые места от 100 000 до 300 000 ₽, двадцать лучших финалистов пригласят в офис компании на экскурсию и собеседования. Регистрация — https://yandex.ru/championship/frontend/

Логические операции на CSS-переменных. Ана Тюдор эмулирует булевую логику внутри calc() и показывает, где это может пригодиться в реальных проектах — https://css-tricks.com/logical-operations-with-css-variables/

Складывая DOM. Джош Комю собирает React-компонент, имитирующий эффект складывания бумаги, по ходу разбираясь в CSS-трансформациях — https://www.joshwcomeau.com/posts/folding-the-dom/

История и наследие jQuery. Дэнни Гуо вспоминает, почему jQuery обрёл популярность в конце 2000-х и как стал вытесняться другими фреймворками, в переводе на Хабре — https://habr.com/p/468169/

Более умные пользовательские свойства с новым Houdini API. Сэм Ричард о том, какие возможности даёт CSS Properties and Values API — https://web.dev/css-props-and-vals

Как правильно «делать» семантику. Кристофер Сельбекк в переводе объясняет, какие плюсы даёт использование HTML-тегов по назначению — https://medium.com/p/c6c20f26b776

Чейнинг стилей при помощи JavaScript Proxy. Тобаяс Алин собирает прокси-объект, который позволяет удобнее задавать множество CSS-свойств одному элементу — https://tobiasahlin.com/blog/chaining-styles-with-proxy/