For Web — фронтенд, дизайн, программирование. Страница 41

Каскад в CSS, или как браузер выбирает между конкурирующими стилями: иллюстрированный интерактивный обзор Амелии Уотенберг → https://wattenberger.com/blog/css-cascade

Раскрываем тайны браузеров: Эрик Лоуренс из команды Microsoft Edge с обзором ресурсов, которые помогут узнать, как устроены и работают браузеры → https://textslashplain.com/2020/02/09/demystifying-browsers/

Почему стоит использовать <article>, а не <section>, и когда <section> всё-таки может пригодиться? Брюс Лоусон разбирается в нюансах семантики и доступности → https://www.smashingmagazine.com/2020/01/html5-article-section/

Инженеры Wikipedia избавились от 7,8 КБ минифицированного JS, отказавшись от mustache.js в пользу обычных шаблонных строк → https://phabricator.wikimedia.org/phame/post/view/90/mustache.js_replaced_with_javascript_template_literals_in_extension_popups/

День из жизни фронтендера в Slack → https://slack.engineering/27375455cfaa

Роль анимации в UX: зачем и как стоит применять анимацию в интерфейсах → https://www.nngroup.com/articles/animation-purpose-ux/

[Реклама]
OTUS приглашает на бесплатные вебинары по Python!

13 февраля, 20:00 МСК
«Аннотируй это: а так ли нужна аннотация типов в Python».
Урок проведёт преподаватель-практик курса Сергей Нагаев. Регистрируйтесь и проходите вступительный тест → https://otus.pw/yy4M/

14 февраля, 20:00 МСК
«Тестирование Flask приложений: генерация тестовых данных с Faker и Factory Boy» в рамках курса «Веб-разработчик на Python».
Урок проведёт преподаватель-практик курса Леонид Орлов. Регистрируйтесь сейчас, напомнят в день вебинара → https://otus.pw/HXeH/

Разрабатываем тетрис на JavaScript: пошаговое руководство с применением современных возможностей JS → https://medium.com/p/92d532bcd057

Зачем использовать <form>, если форма отправляется через JavaScript? Чтобы не портить UX и доступность → https://gomakethings.com/why-use-a-form-element-when-submitting-fields-with-javascript/

Как переписать фронтенд нагруженного проекта и не потерять главного: опыт инженеров Яндекс.Маркета → https://habr.com/p/486146/

Как и зачем мигрировать с mocha на jest в 14 простых шагов? Опыт Евгения Бондаренко из OneTwoTrip → https://habr.com/p/486360/

Позиционирование в CSS: интерактивное руководство Ахмада Шадида → https://ishadeed.com/article/learn-css-positioning

Веб-компоненты и открытые стандарты: Борис Сердюк о проблемах стандартизации веб-компонентов и дискредитации веб-стандартов Гуглом → https://habr.com/p/486500/

42: большой конспект доклада Вадима Макишвили (автора легендарного доклада «36») о том, почему и как личную эффективность нужно восстанавливать, а не повышать → https://habr.com/p/486170

Инженер, ориентированный на продукт: чем он полезен бизнесу, в чём его основные качества и как им стать → https://blog.pragmaticengineer.com/the-product-minded-engineer/

Глубокое погружение в автозаполнение форм: инженеры eBay делятся опытом улучшения UX в формах адресов и банковских карт → https://tech.ebayinc.com/engineering/autofill-deep-dive/

Используйте изображения подходящего размера: Виктор Жу напоминает, что изображения не должны значительно превышать размер, в котором они отображаются на странице → https://victorzhou.com/blog/properly-size-images/

CSS-размеры, зависящие от содержимого: Ахмад Шадид с обзором принципов работы и примерами использования auto, fit-content, min-content и max-content → https://ishadeed.com/article/intrinsic-sizing-in-css/