Виталий Киренков

А зачем вам абсолют? Что мешает сделать float, а блокам задать ширину в процентах?

*{
margin: 0;
padding: 0;
outline: none;
}

После этого я перестал смотреть код дальше...

Во-первых - какой плагин?
Если не плагин, а просто попап окно, то так и скажите.

Это разные случаи и разные пути решения.

За полгода и полная неуверенность?! Простите, но у меня знакомый, которого я могу смело назвать фронтом, а не просто верстаком, уже после года старта получал порядка 80 000 рублей, по текущему страшному курсу это и то делает порядка 1000 с лишним зелёных.

Так, что это исключительно ваша проблема, раз вы так медленно развиваетесь.

Не совсем понятно, что значит "наследовать фон". Фон обычно устанавливается на отдельный блок. Если он нужен у разных блоков, то используйте этот фон в отдельном классе и подключайте его там, где должен быть данный фон.

Если мой ответ не достаточно корректен, то вам следовало бы более правильно изложить, что у вас не получается.

Мозг.

Может что то не подключили?
Я использовал такое подключение

<link href='http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

Вот пример
codepen.io/vitaliy_kirenkov/pen/wBENdV

Писал слова, в которых у вас были проблемы. Как видно из примера - проблем нет. Попробуйте поискать проблему не через фаирбаг, а посмотрите в исходном коде, возможно какие то символы не выводятся.

codepen.io/vitaliy_kirenkov/pen/qEMLvm

Вроде нормально... Как по мне так вы делаете долгую задержу и анимацию, я обычно обхожусь без задержки и скоростью в 0.2s и выглядит вполне красиво, плавно.

Создаёте функцию в которой делаете анимацию. Элементы верстаете каким то списком. А по загрузке делаете перебор элементов в списке и для каждого из них по цепочке вызываете данную функцию.

jsfiddle.net/L4faL0ho/4

prinzhorn.github.io/skrollr

Если верить аттрибутам на сайте. Сама диаграмма в svg. Заполнение делается на каждой контрольной точке.

Добавьте на .bar

.bar { position: fixed; right: 0; bottom: 0; left: 0;}

По идее должно работать.

Что вам мешает изначально bottom сделать побольше?)

Наверно нужно смотреть дизайн всё таки. Как мне кажется - вам можно это и ручками сделать, а подгрузку делать аяксом.

Надо смотреть вёрстку. По идее - просто. Если контент имеет отдельную обёртку которая её центрирует, то нужно просто обернуть в ещё один div и на него просто прописать такой же фон. Все остальные варианты - костыльные, ибо высота до контента может быть разной, соответственно нельзя задать для body и сместить.

Для начала - это не градиент.

Как вариант - johnpolacek.github.io/superscrollorama - блок - color it.

prinzhorn.github.io/skrollr - маловероятней, но в образовательных целях посмотреть стоит.

Наверное так:
blog.teamtreehouse.com/thinking-ahead-css-device-a...

Ксения Бутузова - по сути предложила то же самое, просто чуть кривовато, ибо это можно сделать из стилей.