xmoonlight

1. Про концепцию: всегда должна быть единая концепция: удобство использования на всех устройствах или UI/UX-first.
2. Про дизайнеров: они должны предоставлять макеты всех основных сеток и под разное разрешение дисплея устройства.
3. На основе всех макетов дизайнеров, верстается единый адаптивный шаблон и вопрос закрыт.

Веб-сервер: обычно Apache на любом хостинге.
На PHP - пишутся скрипты.
Берите любую CMS с функцией интернет-магазина и разворачивайте. (например, Joomla!+Joomshopping)
PS: Вообще, непонятно: почему Вы (человек далёкий от этого) занимаетесь этой задачей?

Этапы проектирования сайта

Это плохая практика.
Вместо этого делайте так:
1. При сохранении - контейнер изображения (картинку) именуете с помощью base64-строки или порядкового шестнадцатиричного символьного представления (ID-HEX as String).
2. Реальное имя - пишите в базу вместе с полным путём к контейнеру.

Рерайт, перевод, написание полноценных уникальных статей со скриншотами, написание обзоров игр - всё, что имеет отношение к уникальному контенту в текстовом формате (+скриншоты).

Только таргетированная реклама будет иметь пользу как для просмтаривающих сайт, так и для рекламодателей.

Все температурные датчики нужно смотреть не в коленочных решениях, а в хардверном ПО, которым является BIOS или в утилитах производителя этих хардверных устройств. Вот там и смотрите.

движок можете брать любой: joomla ( https://www.joomla.org/ ) +easyBlog ( joomla.ru/downloads/extensions/easyblog )
Мобильный клиент: https://play.google.com/store/apps/details?id=com....

Design Generator

Попробуйте использовать для подбора нужного сочетания цветов инструмент Design Generator.

Но не разобрался как в итоге сохранить изображение на сервер (js не знаю вообще()

А наоборот - пробовали?
https://www.webcodegeeks.com/html5/html5-web-camer...

Простейшее добавление одного блока с двумя строчками кода приводит к новой пересборке всех стилей, на выходе опять же читсый html который снова нужно оборачивать php.

Используйте единый файл стилей и формируйте сам шаблон из нескольких файлов, подгружаемых динамически: includeHTML.

Можно перетащить в настройках видео сами мониторы (прямоугольники) относительно друг друга так, чтобы было удобно.
Или еще вариант: https://www.displayfusion.com/

Начните отсюда: base.garant.ru/70700464

Вротмненоги! Менеджер паролей на мобилу с рутом!
Тогда уж сразу создайте сайт со страницей своих паролей в интернете.
После этого, относитесь к этой ситуации так, будто весь интернет стал изучать Ваши пароли.
Даже используя двухфакторную аутентификацию уже нельзя будет контролировать доступ, т.к. после того, как Вы предоставите его себе (даже конкретно для этой мобилы), Вы предоставите его также и для всех программ и сервисов, установленных/работающих на ней.
Хотите рут - проще использовать два устройства: рабочее - для паролей, и "помойку" - где есть полный рут, для разных опытов и тестов.

1. Проверьте, что нигде переадресация не стоит на протокол http://
2. Если с localhost'a тестируете, то вот так нужно:

$domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false;
setcookie('cookiename', 'data', time()+60*60*24*365, '/', $domain, false);

Raphael.js (SVG) - там есть такой функционал.

Можно и регуляркой спарсить. regex101.com - в помощь для отладки выражений.

Для простого include по частям: https://github.com/xmoonlight/includeHTML
Возможно, что-то дополнительно добавлю, если будет востребовано...