Паралакс - это javascript, а javascript выполняется в браузере. Поэтому в зависимости от мощности компьютера будет разная скорость работы. У меня в "винде" Ваш паралакс подтормаживает. Поэтому задача не делать что-то для мак бук эир, а в целом оптимизировать. Как размер фото, так и javascript код.
У Вас там куча картинок на разных слоях. Сделайте 2 слоя. Одна большая картинка за заднем слое состоящая из кучи склееных фото. Они же синхронно двигаются, зачем их делить?
перекройте родительский div жирным бордером, по сути сделайте имитацию того, что Вам надо. По сути решений много. Главное понять, что Вы ожидаете увидеть.
Событие прокрутки ловится с помощью jquery, а анимация может быть реализована и в css (с помощью ключевых кадров) и в jquery.
Но помни путник. Что главное это юзабилити, а красивости и анимашки радуют только первый раз, а потом начинают бесить. Так что така чепуха оправдана только на лэндингах.
У Вас карта подключается javascript-ом она попадает в заранее созданный контейнер. У него есть width и hight, которые должны быть в пикселях. Можно добавить javascript, который сработает до загрузки карты и растянет блок до нужных Вам размеров.
Рано или поздно php программист приходит к ide, например phpstorm и тогда chromeOS станет проклятием. Надо смотреть на железо, если оно вменяемое для другой ОС тогда есть тыл для отступления. Но как правило chrome-book это унылая шняга для бабушки, что бы лазить по почте и смотреть фотки.
То что анонсировалось, как chromeOS и то что получилось - это две большие разницы. На мой взгляд, перспектива развития есть, но на данный момент это г..но.
Даже если Вы найдете решение, это может быть расценено, как попытка получить конфиденциальные данные. Как следствие возможны:
санкции от поисковиков
блокировка различным ПО, как сайта пытающимся нанести вред
и т.д.
Обратите еще внимание на bootstrap
Он даст возможность включать и выключать те или иные блоки в зависимости от user-agent.
Это удобнее и правильнее, чем делать отдельный дизайн.
Какая разница что в Dev Tools, в браузерах ее же нет?
не знаю по какой причине, считаю absolute & relative позиционирование "не валидным"
Вот действительно не знаю по какой причине Вы так считаете.
Давайте код в студию?
Давайте описание того что Вам надо получить. Это Вы блок на сайт делаете или это трех-колоночный макет будет, если да то будет ли футер и хеадер?
Дадите полную картину - получите хороший ответ.