Roman

Вы что-то запутались. document.documentElement.innerHTML это на клиенте (только), а php это на сервере (только).

Читайте нужный файл на сервере, делайте htmlspecialchars и отправляет в браузер. А там уже форматируйте клиентской библиотекой код.

Попробуйте

.foo{
    -webkit-appearance: none;
}

Сообщество, наличие кучи готовых рецептов, Debian.

Что-то типа такого можно сделать:

$('#formid').on('submit', function(e) {
var self = this;
if(!self.hasOwnProperty('xajaxsubmitted')){
e.preventDefault();
$.ajax({
  type: 'POST',
  url: 'url',
  success : function(){
    self.xajaxsubmitted = true;
    $(self).submit();
  }
  });
}
});

Вот такого не нужно:

* {
  box-sizing: border-box;
}

Можно вспомнить классические float'ы и сделать на них (ширину в процентах, либо фиксированную у картинки и смещение или overflow у дескрипшена). Либо сделать костыль с font-size: 0; для контейнера, потому что между inline и inline-block элементами возникает расстояние, равное, примерно, ширине одного пробела, ЕМНИП.

Без жиквери, как-то вот так: https://jsfiddle.net/7hbwxhoy/

Запросы в цикле выполнять ни в коем случае не нужно, можно генерировать запрос как-то вот так:

$keywords = [
	'key1',
	'key2'
];

$whereStatement = "";
array_walk($keywords, function($keyword) use (&$whereStatement){
	$whereStatement .= " OR (post.post_title LIKE '%". $keyword ."%' OR post.post_excerpt LIKE '%". $keyword ."%')";
});
$whereStatement = trim($whereStatement, ' OR ');

$sql  = "
SELECT
	ID
FROM
	" . $this->posts . " AS post
WHERE
	post.post_type='attachment'
	AND (
		" . $whereStatement . "
	)
";

echo "<pre>", print_r($sql, true), "</pre>";

Самый простой вариант это сделать веб-морду с кнопочками (если Малина, то у вас скорее всего там линукс полноценный, на котором вебсервер можно поднять), тем более что в доках ОупенРемоута есть пример поднятия веб-сервера (www.openremote.org/display/docs/Building+OpenRemot... Если не охота ковырятся с Джавой, то можно запустиь веб-сервер на node.js (к примеру, по туторам делается очень легко) и кидать/получать JSON OpenRemote'у

https://www.google.com/design/spec/

Да и вообще, взгляните на приложение с точки зрения юзера, впервые запустившего приложение. Что за кнопки? Что будет после нажатия на любую из них? В данном случае, имхо, может помочь краткое описание, селект с типом подключения и кнопка "Connect".

Замените
<?$APPLICATION->ShowHead();?>

на аналогичные вызовы

<title><?$APPLICATION->ShowTitle();?></title>
<?
$APPLICATION->ShowMeta("keywords");
$APPLICATION->ShowMeta("description");
$APPLICATION->ShowCSS();
$APPLICATION->ShowHeadStrings();
$APPLICATION->ShowHeadScripts();
?>

Люди с so пишут, что fancybox может открывать только одно свое окно by design

Вот вы два варианта и описали, как можно делать (это же Битрикс). Другой вопрос что для вас лучше? Есть время, выкидывайте шаблон компонента и пишите свой. Нет времени: кастомизируйте дефолтный. Если со временем вообще хорошо: пишите свой компонент.

Это касается не только компонентов каталога

При любом раскладе ответ скорее "Да".
Поясню: если цель обучения это написание js для браузера, то без базовых знаний HTML (не обязательно прокаченный скилл верстки) нормально писать будет сложно (работа с DOM, например). Если цель: это написание js под node.js, то опять таки скорее да, потому что нода -- это в первую очередь веб (спорно, но скорее да, чем нет).