jQuery UI 1.9 Boilerplate

jsbin has made having to remember some of these links less important. However, with jQuery UI 1.9 coming out, there are some CDN links that aren’t working. Here is the updated boilerplate I use to quickly test out a jQuery UI project. If all goes well, you should have a dialog that you can drag around and resize.

<!doctype html>

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">

  <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
  <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.0/jquery-ui.js" type="text/javascript"></script>

  <style type="text/css">
    #modal {
   background: orange;

  <script type='text/javascript'>
    $(function() {
        $("#modal").dialog({ title: "It works" })

<div id='modal'>jQuery UI!</div>


As a bonus, here is the markup in jsbin.


  1. Beben Koben Says:

    sorry comment here.
    i’m try it http://instantsprite.com/ for vertical opsi is good, but for horizontal and diagonal opsi in preview/result stay look to vertical?

Comments are closed. Please contact me instead.