#1 Using the HTML5 Build Script with a WordPress Theme – Part 1 of 2

Posted on April 8, 2011 by Jay


Firstly if you’re a serious web designer, or have ambitions to be a serious web designer, you should be checking out HTML5 Boilerplate right now (www.html5boilerplate.com).

The idea of the HTML5 Boilerplate is to provide a starting point for future-proof web design. From putting javascript at the bottom of the page to using Modernizr, this is a collection of best practices from some notable people in the web industry and we really need to be aware of these basic fundamentals.

However, basic Boilerplate aside my next two videos will specifically focus on the ‘Build Script’, a feature fully realised in version 1.0 of HTML5 Boilerplate. The idea of the Build Script is to always serve your code compressed, and always get visitors to cache unchanged code. Achieving this will significantly increase the load speed of your website and in future you’ll be forever turning your nose up at other people’s YSlow score.

In this video we’ll go through…

  1. Downloading and using the HTML5 Boilerplate Build Script
  2. Using Terminal to run the script
This entry was posted in HTML5, WordPress and tagged ,
  • http://twitter.com/gomichild Megan Jane D-S

    Amusing and informative! Off to part 2 now.

  • Anonymous

    Great video! Quick tip, if you’re starting a new project, instead of copying and pasting the files and then worrying about hidden files (which is a pain if you don’t have something as handy as TotalFinder) you can run the createproject.sh script in the build folder to generate a new project.

    • Anonymous

      Thanks for your tip Jeff!

    • Anonymous

      Thanks for your tip Jeff!

  • Gumballmachine

    Please provide some written instructions to compliment your video tutorial.

  • http://tightmixblog.com Chris B.

    Not Stella! Haha, lol’d at that. Great tutorial man.

    • Anonymous

      Hey Chris, glad you enjoyed. Please let me know if there’s anything else specific you’d like to see :-).

      Cheers, Jay

  • http://richardwestenra.com Richard Westenra

    Thanks for the quality content. However, some written instructions/notes would be much preferred over the videos, so I can skip through to the relevant bits. Thanks!

  • Chris

    Quick root to your local user are is:

    cd ~/location/of/boilerplate/build

  • aendrew

    Should be noted that more recent version of H5bp don’t come with a build script.