I have a few things that I use on every web project that really makes the project efficient for me, thought I’d just share a few of those things with you guys!
Grid
Go here to download templates of 12 and 16 column grids for designing or coding. The PSD’s in this download have become the first thing I open when starting a new site design!
Browser Elements
I use to open up a broswer and screen capture all kinds of elements when i needed them for a design mock up, then i came across this super helpful PSD download that gives you input fields, pointers, buttons and many other useful elements!
Type
There are a few tools I use when making decisions on the typesetting in my website layouts. CSSTypeset helps you to quickly exxperiement with different line-heights, letter spacing, and font sizes without having to put a hand to one line of CSS.
I regularly use the Lorem Ipsum Generator as well as this HTML Ipsum site. The “Kitchen Sink” text on the later is something I use in ALL my design comps, because I am able to style all of the possible text elements my client might be using within one page layout so we can see how they interact with one another!
Textures
Lastly, even if the design I am working on doesn’t have much textural elements – this site is a lesser known gem! CG Textures has so many textures, colors and just some cool images that could inspire you in your project!











June 17th, 2009 at 9:10 PM
I started using the 960 grid system recently and have simply fallen in love with it. The browser elements were a really useful new find for me. Thanks!
June 17th, 2009 at 10:12 PM
Thanks for the list! I use a bunch of these already. Thanks for the reminder on CSS typeset, that’s such a useful tool.
June 18th, 2009 at 3:10 AM
I also work with the 960 grid system, it’s one of my best discoveries in years. I’ll definitely have a look at the browser elements too, I’ve been looking for something like this. Thanks for sharing!
June 18th, 2009 at 3:36 AM
Nice thanxs
try
http://www.blindtextgenerator.com/
http://www.typetester.org/
June 18th, 2009 at 4:38 AM
Coolio. Will def check out the texture site!
June 18th, 2009 at 10:40 AM
I use HTML-IPSUM every day! Love the site…heh love it so much that thats my little office mouse ad up there!
Will check out the browser elements – looks helpful!
Great list!
June 20th, 2009 at 7:15 AM
that sounds interesting!! would refer it to one of my clients who is planning to give a magazine look to his business directory. thanks and keep joining.
June 22nd, 2009 at 1:39 PM
These are great tools. Thanks for sharing. ;-)
June 24th, 2009 at 2:11 PM
Thank you very much for these. They’re very useful!
July 2nd, 2009 at 3:25 AM
WOW..Such a Great resource for all of us Freelancers..You Rock Man !!