CMD+Shift Design
Liz Andrade
Designer of print and web. Podcaster, Blogger, internet nerd and crazy cat lady.
Subscribe to the CMD+Shift Design blog and get updates on whenever I post new articles!
Categories
My Web Design Toolbox
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!
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!
posted on June 17th, 2009 at 9:10 PMThanks for the list! I use a bunch of these already. Thanks for the reminder on CSS typeset, that’s such a useful tool.
posted on June 17th, 2009 at 10:12 PMI 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!
posted on June 18th, 2009 at 3:10 AMNice thanxs
try
posted on June 18th, 2009 at 3:36 AMhttp://www.blindtextgenerator.com/
http://www.typetester.org/
Coolio. Will def check out the texture site!
posted on June 18th, 2009 at 4:38 AMI 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!
posted on June 18th, 2009 at 10:40 AMthat 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.
posted on June 20th, 2009 at 7:15 AMThese are great tools. Thanks for sharing. ;-)
posted on June 22nd, 2009 at 1:39 PMThank you very much for these. They’re very useful!
posted on June 24th, 2009 at 2:11 PMWOW..Such a Great resource for all of us Freelancers..You Rock Man !!
posted on July 2nd, 2009 at 3:25 AM