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

Web DNA Report 2019, отчёт Mozilla о потребностях и проблемах фронтендеров и дизайнеров на основе ответов 28 000 респондентов из 173 стран → https://insights.developer.mozilla.org/

Почему не стоит делать поля ввода подчёркнутыми или со сплошной серой заливкой → https://uxmovement.com/forms/why-you-shouldnt-use-solid-or-underlined-text-fields/

Как работают JavaScript-движки? Иллюстрированное объяснение, основанное на архитектуре движка V8 → https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

Почему details — не аккордеон: Дэйв Руперт объясняет нюансы семантики details и summary → https://daverupert.com/2019/12/why-details-is-not-an-accordion/

Вышла JavaScript-адаптация фундаментальной книги о программировании «Структура и интерпретация компьютерных программ» (SICP) → https://sicp.comp.nus.edu.sg

Архитектура CSS для современных JavaScript-приложений: Майк Райтмюллер делится мыслями о применении методологий и подходов к организации стилей в контексте SPA → https://www.madebymike.com.au/writing/css-architecture-for-modern-web-applications/

Важные материалы первой половины декабря: поваренная книга вёрстки, как работает viewBox, внедрение новых правил линтинга, 24 дня индивеба, цена CSS-in-JS, легковесный YouTube Embed, нагрузка компонентов на CPU, классные URI не меняются, доступный кастомный select → https://forwebdev.ru/digest/2019-12-15/

Типичная ошибка при проектировании API компонента: Константин Лебедев о проблемах boolean-модификаторов → https://medium.com/p/33702309cec4

Нано-нейрон: семь простых JavaScript-функций, показывающих, как машина может «учиться» → https://github.com/trekhleb/nano-neuron/blob/master/README.ru-RU.md

Architectural Katas, сборник близких к жизни задач на разработку архитектуры ПО → http://nealford.com/katas/list

Классные URI не меняются: Тим Бернерс-Ли рассказывает, почему важно не менять адреса документов в вебе и как проектировать долговечные URI → https://www.w3.org/Provider/Style/URI

CSS Layout, большая коллекция примеров вёрстки распространённых UI-компонентов и раскладок → https://csslayout.io

Как внедрять новые правила линтинга в большой кодовой базе? Кристиан Колер предлагает создать отдельный расширенный конфиг и использовать его при запуске линтера в прекоммит-хуке → https://dev.to/christiankohler/one-bite-at-a-time-how-to-introduce-new-lint-rules-in-a-large-codebase-37ph

Самый часто копируемый код из ответа на StackOverflow оказался с ошибкой: история о слепом доверии и арифметике с плавающей запятой → https://programming.guide/worlds-most-copied-so-snippet.html

Мой любимый git-коммит: Дэвид Томпсон о качествах хорошего коммита на образцовом примере от его коллеги → https://fatbusinessman.com/2019/my-favourite-git-commit

Незримая цена использования CSS-in-JS: как генерация и парсинг стилей в рантайме влияют на быстродействие → https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/

Как оптимизировать фоновое видео: советы Дага Силларса → https://calendar.perfplanet.com/2019/performance-tips-for-background-video/

Преимущества, недостатки и нюансы использования Prettier в большой кодовой базе → https://blog.scottlogic.com/2019/12/05/prettier-tips-and-tricks-for-large-codebases.html

Lite YouTube Embed, легковесный скрипт Пола Айриша для встраивания видео с YouTube, в ~200 раз быстрее стандартного → https://github.com/paulirish/lite-youtube-embed

Обновление UI: сравнение значений vs отслеживание мутаций. Обзор двух подходов к определению необходимости перерисовки UI после изменения состояния приложения → https://itnext.io/9f6fe912dd9a