Какая должна быть ширины лейаута при 8px модульной системе?

Skyler, читайте, что я писал ранее. Не упирайтесь в этот модуль. Всё будет в процентах. Это адаптивная вёрстка.
Определите отступы сеток и делайте с учётом этих отступов и всё будет верно.
Я знаю о чём вы говорите. Ни вы первый и ни вы последний, кто упирается в этот мнимый модуль.
Вот сколько вы должны сделать шаблонов только одной страницы? В среднем три - четыре (это если по Bootstrap). Вот их и делайте. Дальше головная боль верстальщика, который будет верстать и ворчать, в мыслях отрывая вам руки ))) ( ШУТКА с огромной долей правды)

Какая должна быть ширины лейаута при 8px модульной системе?

Skyler, ну кто сказал, что не возможно.
Я же дал скрипт, по которому вы можете настроить сетку в PS или AI
А вёрстка - это уже на сколько верстальщик сведом в Bootstrap.
Пересобрать Bootstrap с новыми отступами в 8 пикселей - вообще не проблема. И ваши 8 пикселей будут вписываться.
Я не знаю, почему именно 8 вы выбрали. Но визуальное восприятие с 15 наиболее удачное. Не просто так его выбрали.

Какая должна быть ширины лейаута при 8px модульной системе?

Skyler, вот смотрите.
Bootstrap модуль 15px
Стройте сразу нужную сетку и шаблон
https://github.com/ProjectSoft-STUDIONIONS/PhotoSh...
https://github.com/ProjectSoft-STUDIONIONS/Adobe-I...
В том или ином фреймворке всё можно пересобрать под нужные параметры.
Либо верстальщик сам переопределит и определит.

Можно ли убрать тултип тайтла в img, a?

jeruthadam, да просто пробежаться по массиву и удалить

var a = document.querySelectorAll('a, img');
a.forEach(function(el){
	el.removeAttribute("title")
});

Можно ли убрать тултип тайтла в img, a?

jeruthadam, возникновение тайтла - это уже js, который описывает HTMLElement. События на него нет. Только удаление аттрибута.

Какая должна быть ширины лейаута при 8px модульной системе?

12 колоночную сетку и 8px модуль совместить не получится

Это почему?
Колонки в вёрстке рассчитываются процентами. И в любой ситуации 1 пикселя справа не хватает в какой либо колонке. Это факт.
Ваша задача не вписаться в пиксели, а сделать адаптивным элемент.
Например вы сделали заголовок на три коротких слова, но это не значит, что он будет смотреться точно так же при любых заголовках.

Почему css левую сторону не рассматривает?

border-style: solid;

Почему размеры изображения вычисляются через раз?

Павел Клешнин ни в коем случае не используйте таймеры. Это не верный подход.

Обновления сайта через php?

Для примера.
Такой функционал имеет Evolution СMS
Для теста ставим https://github.com/evolution-cms/evolution/release...
И дальше наблюдаем.
Понравилось - изучаем плагин updater - https://github.com/evolution-cms/evolution/tree/1....

Как правильно обратиться к одинаковым элементам черезjQuery?

Ни какой магии. На чистом CSS можно сделать не прибегая к JS вообще.
Примеров в сети полно.

Почему размеры изображения вычисляются через раз?

Сменили картинку -> картинка не загружена -> значения равны нулю.
Загрузилась картинка -> Получили размеры
Вывод
Перенести логику на событие onload
Это только направление.

Как сделать, чтобы скрипт для Tilda работал только на мобильных устройствах?

Это важно?

Очень.
Переменная должна быть объявлена выше кода событий window

Как сделать, чтобы скрипт для Tilda работал только на мобильных устройствах?

friedrichkrupp, я это понимаю. Она объявлена выше этого кода?
Типа

var newMenu = $('.my_menu');
$(window).on('scroll resize', function(){
    /*....наш код....*/
});

Как сделать, чтобы скрипт для Tilda работал только на мобильных устройствах?

friedrichkrupp, а где определяется newMenu?

Как сделать, чтобы скрипт для Tilda работал только на мобильных устройствах?

friedrichkrupp Короче код должен быть таким

$(window).on('scroll resize', function(){
	var isMobile = (window.innerWidth < 920 ? true : false),
		top = $(document).scrollTop();
	if(isMobile){
		if (top >  0) { 
			!newMenu.hasClass("fixed") && newMenu.addClass("fixed").slideDown("fast");
		} else {
			newMenu.hasClass("fixed") && newMenu.removeClass("fixed");
		}
	}else{
		newMenu.hasClass("fixed") && newMenu.removeClass("fixed");
	}
});

needMobile - думаю вообще не нужен.

Как сделать, чтобы скрипт для Tilda работал только на мобильных устройствах?

friedrichkrupp, тут тогда главный момент - где определяется isMobile и как?

Как добавить в JS массив select?

an543, ну тогда без более подробных данных тут просто ни как.

Какие есть программы для верстки?

https://webflow.com/
Я и после него переделываю)))
Дизайнер сам что-то пытается, а итог - зачем?
А вот если вы знаете html, css, js, то может будет проще.
Существует плагин для перевода webflow->Wordpress. И всё-равно получается каша.

Какие есть программы для верстки?

Самое просто и точно самое эффективное - начать изучать html, css, js.
Никогда, от слова "вообще", не пользовался программами с "волшебной кнопкой" ибо я только переделывал после этих "кнопок". А это для клиента выходит дороже аж в два раза))).

Как объединить все js в 1 запрос?

gradk, откажитесь от cdn и делайте с помощью любых препроцессоров gulp, grunt, webpack и т. п.
Довольно доходчиво по grunt. Второй и третий урок.
Вообще, эти вопросы решаются на момент разработки.
В том состоянии, которое вы описали - да, работы предстоит очень много, но это решаемо.