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

А код и не должен меняться. Откройте средства разработчика да отключите кэш там. Это то же самый кэш, что и для всего остального.

Посмотрите исходник этой страницы, здесь всё задано правильно. Но не забывайте файлы тоже сохранять в utf-8 без BOM и прочей ерунды.

Это у вас что-то кривое в браузере. Либо баг, который был исправлен, либо расширение шалит.
У меня в Firefox Nightly и Chromium Nightly грузятся только woff2 варианты. Попробуйте чистый профиль браузера и проверьте обновления.

Смотрите в рассчитанных размерах в CSS отладчике целые ли размеры в пикселях выставились на элементы по высоте.

6 это более новое издание с исправлениями и улучшениями. Нет никакого смысла брать более старое издание если есть новее.

Можно. Если у вас несколько логических блоков на странице с некоторым контентом - то в каждом таком блоке могут быть собственные header, footer и h1 тоже.

Flex контейнер, а в нём по краям узкие растягивающиеся блоки с красным фоном, а по средине текст. Этот вариант мне больше нравится.
Так же можно элемент с красным фоном и широкой белой рамкой, а внутри центрированный текст с отрицительными отступами.

Parallax тут ни при чем, Polymer упрощает создание пользовательских элементов. Если содержимое элемента будет иметь parallax - то да можно, всё что можно вообще сделать можно сделать и в Polymer.
За туториалами на https://www.polymer-project.org/1.0/ - там и примеры кода, и документация, и статьи, и ссылки на видео (Polycasts, к примеру), всё там есть.
Я с помощью Polymer делаю практически весь UI в CleverStyle Framework. Начиная от кнопок, переключателей, и заканчивания модальными окнами, рендерингом постов и так далее.

Это не ошибка, а предупреждение об устаревшей функциональности.
Упомянутую строчку в продакшене вообще можете убрать, а можете просто отредактировать - всё же написано вам в сообщении.