Руслан Шадура

var obj = array.reduce(function(result, val) {
  if(!result[val.name]) result[val.name] = [];
  result[val.name].push(val.value);
  return result;
}, {});

Масштабирование это функция браузера. Версткой её никак не исправить. Её отключают если очень нужно (а это вредная привычка). Если такая ситуация случается, нужно объяснить это клиенту. Вы можете под него подстроиться, а всех остальных пользователей, которые пользуются 100% масштабом, отравить.

Поэтому мониторы 2к и макбуки с ретиной ничем не хуже. Сохраняйте графику в высоком качестве, а лучше векторную. Или же узнавайте медиазапросами DPI и от этого пляшите.

function makePriceString(priceNumber) {				
	return priceNumber.toString().split(/(?=(?:\d{3})+$)/).join(' ');
}

string = Intl.NumberFormat('ru-ru').format(1500000);

фон просвечивает. ему тоже сделай background: blue;

https://css-tricks.com/clipping-masking-css/
Вот посмотри, не кроссбраузерно конечно, но все же.

потому что у тебя спереди стоит background-image: url('/img/main.png'); а за ним уже твой rgba цвет. и за картинкой ты его не видишь. хочешь делать полупрозрачное наложение цветом - делай другой див и ставь его впереди этих и делай для него rgba

1. SVG + JS
Можете поиграться (клик)

2. Canvas + requestAnimationFrame
Туториал для быстрого освоения

2016 год – можно смело брать и использовать обе технологии.