dimaniko

Настройте яркость монитора. Цвета Тостера вполне приемлемые. Используйте калибровочную таблицу цветов.

Зачем скрипты? Можно ведь обычным css'ом обойтись:
jsfiddle.net/qso14y3k

Один минус - 2 дополнительные обёртки для каждого блока. Но это не смертельно. Фокус этот работает по стандартам, так что работать должен везде.
Также эта техника входит в toolkit, который написан ребятами, которые написали Singularity.

Высота блока в процентах и так рассчитывается от ширины контейнера
learn.javascript.ru/height-percent

У вас неверное понимание всего.

Виртуалки в верстке обычно служат для тестирования в ие.

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

Сублайм - хороший выбор.

Ни разу не вопрос про технологии :) Да и где вы находите таких ушлых заказчиков, которым код показать нельзя - тут же убегают с ним. Фильтруйте людей, прежде чем браться за проект и будет вам счастье, ну или договора составляйте так, чтобы была почасовка и гарантированная оплата коли уж фрилансите.