Назар Мокринский

В редакторе сложно продуктивно работать после IDE.
Из IDE одна из лучших - PhpStorm/WebStorm (в зависимости от того что нужно) от JetBrains.
Почему? Да потому что лучше просто не существует.

Если вам просто вывод - то решается на CSS с помощью display: flex (для удобства при использовании SCSS можно взять Flexy-plexy).
А если ещё по ходу размеры будете менять - то masonry ваш лучший друг.

document.querySelector('div').textContent.split("\n").length

Цветным (больше одного цвета) шрифт быть не может.
А если он такой - это фича ОС/Браузера, как, например, на телефоне в SMS смайлики текстовые могут на графические заменяться. К шрифту это не имеет никакого отношения.

Ищите по фразе WYSIWYG (What You See Is What You Get).
Как этого можно было не найти для меня загадка.

Имеет смысл изучать Web Animations API, он позволяет делать на самом деле сложные и качественные анимации, при этом используя аппаратное ускорение, а стоковые фичи в jQuery это просто пшик:)

Вам в трекер разработчиков, а не сюда

Можно использовать MutationObserver для новых браузеров, для древних IE тоже есть менее производительные обходные пути.

Какая ОС? В системе сглаживание шрифтов случайно не отключено?

Нет таких параметров. Можно определять разрешение, плотность пикселей, но ноутбук это или что-то ещё вы не узнаете.

Сначала сброс стилей (normalize.css), потом сверху вниз по порядку.
Сначала полностью шапку, потом ниже, ниже, и в самом конце футер.
HTML параллельно с JS/CSS. Как иначе не очень понимаю, придется прыгать туда-сюда и точно можно что-то пропустить.
Чтобы не метаться туда/сюда ставите нормальную IDE вроде PhpStorm/WebStorm, открываете параллельно два файла каждый на пол экрана и вперёд. Ну и желательно большой монитор, но это уже как получается.

Постоянно и давно, года полтора уже точно если не больше.
Поддерживаю две последние версии любого популярного браузера, Google делает так же.

А в чём собственно вопрос?
Вы вроде и git пользоваться умеете, и с heroku судя по вопросу дружите.
Ложите по разным папкам разные части или что вам нужно?
К стати, почему не GitHub pages раз просто верстка?