I saw a tweet from @dalmaer that HTML5 Boilerplate was nearing its first release and decided to challenge myself to setting up a “Hello World” website with all the essential basics in 120 seconds (I did not – I actually fell over at the first hurdle with file permissions).

 

Here’s how – on Mac…

  1. download HTML5 Boilerplate 5 from http://html5boilerplate.com
  2. start the timer
  3. extract the zip into web documents folder, e.g., /Library/WebServer/Documents/h5bp
  4. edit the index.html to include the following code just above the jQuery load (seemed appropriate):<script src=”http://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js”></script>
    <script>
    dojo.ready(function () {
    var div = dojo.create(“div”, { innerHTML: “Hello World” }, dojo.body());
    dojo.animateProperty({ node: div, properties: { fontSize: { end: 300, units:”pt” } }, duration: 1000 } ).play();
    });
    </script>
  5. stop the timer (and start web browser, go to the folder’s location, e.g.,  http://localhost/h5bp)

… on a more serious note, HTML5 Boilerplate is nice and handy for those who want to get setup in 120 seconds.   Will HTML5 Boilerplate add Dojo loader alongside jQuery for the release?

Advertisement