/CSS/ Create snippets and boilerplates

14/09/2007 | Filed under Develop > CSS

Craig Grannell shows you how to speed up your web design and hand-coding by creating template documents that can be reused on new projects

Have you ever stopped to consider how, every time you work on a new site, you could speed things up by creating boilerplate documents as a starting point? This issue, I’m going to explore the part of my brain that houses how I get my own projects off to a running start, enabling you to have the same advantage and save time in the process. So, let’s dive straight in.

Every website is different – even nasty, evil “clone” sites aren’t identical to the sites they’re ripping off. However, tear off a site’s “skin” and you’ll find that many elements are shared. It’s likely that in the early stages of projects, you’re often doing the same things time and time again, which makes no sense at all.


About the author:

Name: Graig Grannell
Site: www.snubcommunications.com
Areas of expertise: Information architecture, site concepts, graphics, interface and front-end design
Clients: Swim~, Rebellion, IDG
Favourite holiday destination: Anywhere without web!

Click here to download the support files
Click here to download tutorial PDF

 

Comments

Adrian / 03/10/2007 / 05:03 / http://www.pctd.co.uk

Really great idea and a time saver indeed! Thanks - this should help save alot of time on my part.

joseph / 13/03/2008 / 22:42 / http://www.honestworkers.com

"Every website is different – even nasty, evil “clone” sites aren’t identical to the sites they’re ripping off. However, tear off a site’s “skin” and you’ll find that many elements are shared. It’s likely that in the early stages of projects, you’re often doing the same things time and time again, which makes no sense at al l"

I totally agree Its a hard slog no matter how small the project of the website is

Jason / 26/06/2008 / 01:04 / http://www.furociousdesign.com/

this is a great time saver... I'm always looking for ways to cut down on project time, and this is really helpful so thanks!

Add a comment

Your name:


Your email: (Not displayed)


Your website: (optional)


Enter your comment here:

Issue 179

.net issue 179 is now on sale! Craft better sites, be inspired by the next generation of web design trends, and learn how to create the perfect newsletter. Find out more ...

» Subscribe and save 40%
» Buy issue 179
» Get a corporate subscription
» Join us on Facebook



ADVERTISEMENT FEATURE

Let your creativity fly

Adobe® Creative Suite® 3.3 Design Premium now includes Acrobat® 9 Pro and Fireworks® CS3, a lower price and a bonus training DVD worth £50.
 
Win with .net

The latest competitons from .net magazine

Signup for our newsletter

Enter your email address and start receiving our new-look weekly email newsletter!

 
 

Rackspace Managed Hosting

TopHosts

actinic

.net photos powered by:
Canon