SilverStripe HTML5 Boilerplate Version 2 Theme

Posted by Gav on 24 November 2011 | 3 Comments

Tags: SilverStripe

The HTML5 Boilerplate project released version 2 in August so its time to create a SilverStripe HTML5 Boilerplate version 2 theme.

The theme was mainly based on the BlackCandy5 theme but it uses version 2 of the HTML5 Boilerplate and i've also upgraded the jquery version to 1.7 All of the blackcandy images have been removed as well as a lot of the un-necessary styles. Also added is a default email template as from the hard yakka theme. The IE conditional statements have been removed from the BlackCandy theme.

When starting a new project, I always grab the following 2 modules:

• Data Object Manager
• Uploadify

Also, we will want to remove prototype by adding the following to mysite/_config.php

Validator::set_javascript_validation_handler('none');

Then i create a SiteConfig Extension to remove the theme drop down list from the SiteConfig as explained in this post on ssbits.com and I add other site wide configuration options.

Finally I modify the Page_Controller class init() function so that its ready to combine the javascript and css.

	public function init() {
		parent::init();

		$theme_folder = sprintf('themes/%s', SSViewer::current_theme());
		$js_files = array(
			sprintf('%s/javascript/plugins.js', $theme_folder),
			sprintf('%s/javascript/script.js', $theme_folder)
		);

		$css_files =
			array(
				sprintf('%s/css/layout.css', $theme_folder),
				sprintf('%s/css/typography.css', $theme_folder),
				sprintf('%s/css/form.css', $theme_folder),
			);
		foreach($js_files as $js) {
			Requirements::javascript($js);
		}

		foreach($css_files as $css) {
			Requirements::css($css);
		}

		Requirements::combine_files("js.js", $js_files);
		Requirements::combine_files("css.css", $css_files);
		Requirements::process_combined_files();
	}

Comments are welcome and is there anything differently you do when starting a project?

Grab the theme here