things can be done in a smarter way
find out about some of the most clever tools to do the monkey business for you, which I call shortcuts skill boosters.
1. sprite me
turn buttons, icons and backgrounds into sprites to speed up page downloads. combining multiple images into one file reduces the number of requests the client must make to your server.
you then use the css background-position attribute to just show the portion of the image you want. the image downloads once, is cached once and requested once. to make things easier, use spriteme. it scans your page for images it can combine and generates the css for you.
2. white space
don’t overlook this one: photoshop web workflow. once installed, you click on any layer in photoshop and hit the f1 key. this grabs the layer, puts it in a new document that is the exact dimensions and brings up the save for web window.
a simple sounding sequence, but one that will make background creation, prototyping and sprite making much faster
4. if then
mac application textexpander allows you to assign shortcuts to big chunks of text. for example if i want to output the wordpress loop in my code editor you simply type // loop. it works system wide and is a great tool for building time consuming code structures, like nested lists.