Vlad Feninets

можно, но не нужно.
уж лучше конкатить это все в 1 js/css. Так ты снизишь кол-во запросов к серверу + оно будет кешироваться браузером или сервером.
А если это всё ложить инлайном прямо в хтмл, то во-первых сам хтмл у тебя разрастётся до нескольких мб, а во-вторых если твоя хтмл не статика, то кешироваться оно не будет, а соответственно клиент всегда будет тянуть твою километровую хтмл-пейдж.
Маленькие кусочки js/css целесообразно класть в хтмл, но не всё подряд.

Юзай CDN, указывай script и style в конец хтмл (перед закрывающим боди) , если они тебе не нужны при рендере дом-дерева и будет тебе счастье.

А вообще ждем полноценной имплементации http/2 и забываем обо всем этом как страшный сон.

это фейсбуковская фича.
пробуй искать по запросу "lazy load facebook", уверен что найдешь что-то похожее.

попробуй сохранить в utf-8 with BOM
вкладка 'File' - 'Save with encoding' - 'UTF-8 with bom'
должно помочь

транзишны наше всё

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

попробуй выключить кеширование

сейчас мокапы в тренде, на них можно

Делай разные инициализации под разными id-шками.

$("#owl-carousel1").owlCarousel();
$("#owl-carousel2").owlCarousel();

Попробуй хард-рилоад (Ctrl+Shift+R)

jsfiddle.net/vlad1josef/wn3tq714

jsfiddle.net/vlad1josef/weuwLd1q

teamtreehouse.com - на любой вкус и цвет

можно opacity делать от 0 до 1,
можно высоту/ширину от 0 до 100%,
можно z-index менять,
transfrom-scale от 0 до 1,

попробуй заюзать эти кастом-филды - www.advancedcustomfields.com
они пофункциональней будут

разная степень гиковости

можно заюзать jQuery / Javascript

var parent_w = $('#parent-block').width();
$('#child-block').width(parent_w);