Что бы при импорте они не ломались и были независимыми.
Я считаю, что .css должны подключаться в конце тега HEAD. Думаю, что многие именно так и делают.
Про мой любимый scss (ну или хотя бы sass) вообще ни слова, даже возможность писать без препроцессора в небольших проектах.
Это удобно. Я за Gulp, но обязательные использование — это странно...
Или это статья просто из далекого прошлого?
Как сверстать разные типы страниц Wordpress?
get_footer/get_header используя аргумент $name, e.g. если в папке с темой есть footer-foo.php, то get_footer('foo'); заинклюдит этот подвал, а не footer.php 
jQuery(document).ready(function($){
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
slidesToShow: 2,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: true,
focusOnSelect: true
});
});<div class="slider-for">
<img src="kortingo_01_big.jpg" alt="">
<img src="kortingo_02_big.jpg" alt="">
<img src="kortingo_03_big.jpg" alt="">
<img src="kortingo_04_big.jpg" alt="">
</div>
<div class="slider-nav">
<img src="kortingo_01_small.jpg" alt="">
<img src="kortingo_02_small.jpg" alt="">
<img src="kortingo_03_small.jpg" alt="">
<img src="kortingo_04_small.jpg" alt="">
</div>
1.1. Структура директорий
mkdir -p html/{css/fonts,scss/util,js/vendor,i/icons}
tree htmlhtml
├── css
│ └── fonts
├── i
│ └── icons
├── js
│ └── vendor
└── scss
└── util1.2.1. BreakpointsДостаточно сказать, что все переменные храним в отдельном файле
20 Для ID - camelCase. ID нам нужен для JSНеправильно. Нужно использовать классы. Если требуется отделить классы для стайлинга и для жс - делаем префикс
23 Используем Автопрефиксер, он расставит префиксы за нас. Используем автоматизацию — ставим его как пакет и подключаем в процесс обработки стилей. Не используем автоматизацию — есть он-лайн вариантДелаете верстку с флексом = не используете старые браузеры = не требуются префиксы = не требуется аутопрефиксер
2. Используемые решенияСмешивать общий гайд и стайлгайд - не нужно
$setting = $modx->getObject('modSystemSetting', 'sourceFile');
$tplID = $resource->get('template');
$change = false;
if($tplID == 2){
$setting->set('value', 'newValue');
$change = true;
} else{
$defaultSetting = $modx->getObject('modSystemSetting', 'defaultSourceFile')->get('value');
if($defaultSetting != $setting->get('value')){
$setting->set('value', $defaultSetting);
$change = true;
}
}
if($change){
$setting->save();
$modx->cacheManager->refresh(array('system_settings' => array()));
}
<meta name = "format-detection" content = "telephone=no">