Search code examples
jqueryhtmljquery-uihtml5boilerplate

How to properly integrate HTML5 Boilerplate with JQuery UI?

I am using the HTML5 Boilerplate and would like to incorporate JQuery UI. Adding the JS doesn't seem like a big deal:

<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>

But how would I incorporate the CSS file? Would I just call it after the HTML5BP style.css is called?

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

  • Simple answer is yes. Just place the jquery link after the H5BP link:

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