Html5 Starter Pack Lovingly crafted by Radu Chelariu | Sickdesigner.com

Starting a new project

Whenever I start a new project, I really hate doing all those repetitive bits over & over again. And I'm betting that, since you're here, you do to.

So, I decided to fix it with this starter pack. As I was jotting down some ideas as to what this pack should contain, I realised that this is a very good opportunity to do some really crazy cool stuff.

It's a very basic HTML5 starter pack with a clean & ordered directory structure fit for most projects, a few of the most common files (html, css, js), as well as a basic Photoshop web design template, again with an groups structure fit for most projects.

So what's so special about it?

I understand any concerns one might have regarding yet another web design template. Well, this isn't quite a template. I call it a starter pack because it's focused on being very lightweight, easily customizable and highly scalable, but most of all, I wanted to share a pack that is useful.

The sidebar lists all the main features I put into this little sick puppy, but there are a few more surprises, like the reusable classes.

Reusable classes

Often, I find myself in need of the same type of structural classes for different projects. These reusable classes do not partain to any specific project, but are rather snippets of code that lend themselves to different, common, structural elements.

• This is a two column list. Until we can have proper support for the CSS3 column attributes, these classes do a good job of columnizing content.
• This is a two column list. Until we can have proper support for the CSS3 column attributes, these classes do a good job of columnizing content.

In between these lists there is an invisible div with a class of separator. This is another reusable class. The reason for it's existence is the, sometimes, poor cross browser-support for clear: both.

• This is a three column list. Until we can have proper support for the CSS3 column attributes, these classes do a good job of columnizing content.
• This is a three column list. Until we can have proper support for the CSS3 column attributes, these classes do a good job of columnizing content.
• This is a three column list. Until we can have proper support for the CSS3 column attributes, these classes do a good job of columnizing content.

I've included the columnized list classes up to 5 columns, but, obviously, you could extended this as much as you need.

There are other itsy bitsy classes included in the main CSS, but I'll let you discover those by yourself (it's properly commented, don't worry).

So, what are you waiting for?

Download the Starter Pack!