Как правильно интегрировать Boilerplate HTML5 с пользовательским интерфейсом JQuery?

Question

Я использую Boilerplate HTML5 и хотел бы включить JQuery UI. Добавление JS не похоже на большую сделку:

<script src="//code.jquery.com/ui/1.8.17/jquery-ui.min.js"></script> 
<script>window.jQuery.ui || document.write('<script src="js/libs/jquery-ui.min.js"><\/script>')</script> 

Но как бы включить файл CSS? Я бы просто вызвал его после вызова HTML5BP style.css?

<link rel="stylesheet" href="css/style.css"> 
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css"> 

Answer 1

Простой ответ: да. Просто поместите ссылку Jquery после ссылки H5BP:

<link rel="stylesheet" href="css/style.css"> 
<link rel="stylesheet" href="css/redmond/jquery-ui-1.8.17.custom.css"> 

Answer 2

В style.css, у вас есть «автор раздел», между секцией нормализации и последней секцией о медиа запросах, без semantinc вспомогательных классов и т.д.

Либо копипасты всего jquery-ui-1.8.17.custom.css в разделе автора, как если бы он был частью вашего собственного кода, или если вы хотите разделить вещи, добавьте там правило @import. Прочитайте документацию http://html5boilerplate.com/docs/: страница css и сценарий сборки.