Thread

Hello EE people!

I would like to use HTML5 Boilerplate (http://html5boilerplate.com) with my new EE project and I wanted to know if anyone else had much experience with it and if they could help me.  Specifically I want to know how you adapted their Build Script to work with EE. 

For those who don’t know, the HTML5 Boilerplate build script parses your development code folders and reduces CSS, Javascript and images in size and then outputs the results in to a new “publish” folder.  This is clearly an issue for EE as it’s not designed with this in mind.

I’ve searched the EE forums for relevant posts and the only relevant post I found is the following:

HTML5 Boilerplate - using their .htaccess, caching etc with EE
http://ellislab.com/forums/viewthread/175919/

It doesn’t deal with the Build Script issue although James Hurst does ask a similar question to what I am asking (http://ellislab.com/forums/viewthread/175919/#944501) and links to a github project called eecms-build-tool (https://github.com/newism/eecms-build-script) but it doesn’t work out of the box and appears to be based on an old version HTML5 Boilerplate.

So, how do we crack this nut fellow engineers?  Let’s get this build script working for EE!

Second that.

i secondly second that.

I haven’t had a chance to try it, but just came across this: HTML5 BoilerplatEE. If anyone has used this theme, how did it go? The site doesn’t describe how to use this with the build script, unfortunately, and that’s one of the big advantages of HTML5 Boilerplate.

I haven’t had a chance to try it, but just came across this: HTML5 BoilerplatEE. If anyone has used this theme, how did it go? The site doesn’t describe how to use this with the build script, unfortunately, and that’s one of the big advantages of HTML5 Boilerplate.

I’m about to start a new project and am also looking at using EE alongside H5BP, I would like to hear from others’ experiences with this.

I need the build tools and yuicompression, I currently use Ant to build projects in Eclipse using the CI framework and would like to do something similar with H5BP and EE. 

Is there a stable, usable script around, with build capabilities or is there equivalent functionality to the H5BP script within EE or a plugin?

I’ve created a build script for EE that I use in all my project. You just define the parameters of the local, staging and production servers, run the script, select your environment and it’ll do all the above. It minifies, concatonates css and js (including less.js files), replaces the instances of them in snippets or templates and syncs it up to the specified server. You can use boilerplate or not. I am using it in my latest project with the script.

It’s not that complicated either but requires that you run it within a linux environment with one or two packages. I was thinking about doing a tutorial on it for people. The whole ftp thing is a bit of a mess tbh

I’m doing my current project using H5BP and a build script is on my TODO list.

@RoryMC, would you mind posting your script. My local dev server is Linux so it might be just the thing.

I am looking at doing the same. I would be interested in a tut or script to review as well. I also have an instance in which I am forced to run on a windows server in IIS7. Has anyone ever attempted that? I have struggled with getting EE and H5BP to work well together going from the .htaccess to web.config.

Fortunately it’s been a long since I had to build anything on IIS. Maybe start a thread about htaccess -> web.config, should attract the attention of some who can help.

Hello EE people!

I would like to use HTML5 Boilerplate (http://html5boilerplate.com) with my new EE project and I wanted to know if anyone else had much experience with it and if they could help me.  Specifically I want to know how you adapted their Build Script to work with EE. 

For those who don’t know, the HTML5 Boilerplate build script parses your development code folders and reduces CSS, Javascript and images in size and then outputs the results in to a new “publish” folder.  This is clearly an issue for EE as it’s not designed with this in mind.

I’ve searched the EE forums for relevant posts and the only relevant post I found is the following:

HTML5 Boilerplate - using their .htaccess, caching etc with EE
http://ellislab.com/forums/viewthread/175919/

It doesn’t deal with the Build Script issue although James Hurst does ask a similar question to what I am asking (http://ellislab.com/forums/viewthread/175919/#944501) and links to a github project called eecms-build-tool (https://github.com/newism/eecms-build-script) but it doesn’t work out of the box and appears to be based on an old version HTML5 Boilerplate.

So, how do we crack this nut fellow engineers?  Let’s get this build script working for EE!

I just started a new h5bp project using a script I made that clones the latest boilerplate and ant scripts from git, modified project.properties so that the correct dir.images and dir.css paths were in there and ran the script.

It ran just fine, including optimising the PNGs and JPGs.  I’ve also used h5bp on a client site that went live recently - it was based on v1 of h5bp and the script ran fine there, too.

I don’t know of an EE-specific h5bp version/modification but I also think it’d be difficult-ish to make.  That’s due to people saving templates as files and the h5bp guys having no control over the directory structure of an EE website that isn’t already based off h5bp.

My styles and scripts all got minified properly, etc.

I’m sure I’ve missed the point of this question (sorry RedLeader) - apologies, if so.  😊

I’ve started using h5bp as well and I use the build script.  I modify the project.properties file in the config folder to leave system and themes alone and just let it minify my templates, css and js files.

I think its good practice to, having the build script, as it breaks up your workflow and formalises the ‘going to production’ thing. 

Again, not sure if this is answering your question RedLeader. But you can use the build script as is with EE, you just need to turn on template synchronization.