jQuery UI CDN Boilerplate
I always forget these links, and they are surprisingly hard to find. Here is a quick markup skeleton to throw together for prototypes using jQuery UI.
<!doctype html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" />
<style type="text/css">
#draggable {
background: orange;
width: 100px;
height: 100px;
}
</style>
<script type='text/javascript'>
$(function() {
$("#draggable").draggable().resizable();
});
</script>
</head>
<body>
<div id='draggable'>drag!</div>
</body>
</html>
January 5th, 2012 at 8:20 am
Good – I should definitely say I’m impressed with your website. I had no trouble navigating through all the tabs as well as related information. It ended up being truly easy to access. Good job.