Whether you are tweaking the design or working on a complete overall, checking how your site is performing is a critical step. Not only can you see where delays are occurring, like externally linked images or affiliate programs, you can also see some not so obvious errors. There are several tools out there to test the performance of your website and it is a good idea to build a collection in your designer’s toolbox.
One such tool is Pingdom’s free Full Page Test which loads the full page and all it’s objects then displays bars representing the time taken for each item to load. It will also highlight items that exceed recommended times or generate errors. Along with the time bars there is also a complete page summary with some very useful information.
Pingdom also offers monthly fee based site uptime and performance monitoring for critical web sites.
Dummy Image is a simple script that lets anyone place a properly sized image into a web design just using a link. Lifehacker calls it the lorem ipsum of images.
Just a simple call to the server using an image source of “http://dummyimage.com/325×123″ alt=”A Dummy Image” or any other image code creates a dummy image of whatever dimension you specify in the url, complete with dimensions inside the box. What’s even cooler is you can download the php files and set up your own image generator on your own site.
It may not be the prettiest image, but it is a great way to mockup a layout without having to create individual images or set width and height values.
Sample 50px by 75px dummy image
Rahul Pathak over at LookStat (a multi-stock agency statistical analysis webtool) has put together some information about whether or not it is more engaging to have the models looking at the camera, or looking away. He looked at sales trends between images of senior citizens, comparing images where the models were looking at the camera to those where the models were looking at each other or off into the distance. His results were very surprising.
read more…
An all-time favorite site with designers: My Fonts
Find the fonts you need. What the Font will allow you to upload a sample font to determine the typeface.
Linotype website. I like their breakouts for font usage. i.e. Text Fonts for books and magazines. Symbol fonts that function as artwork in pictoral depictions. Love those Pi fonts!
Looking for the perfect font on the fly? Bitstream has developed a browser for your mobile phone. Enter BOLT.
An amazing array of tutorials from Layers Magazine. Photoshop, Illustrator, InDesign, Fireworks, Flash, Dreamweaver, After Effects, Premiere and Lightroom.
Here is the tutorial for you to find out how to manage Kuler from within InDesign CS4.
Kuler is an online community resource for color. It can be run from within InDesign CS4.
I’ll admit that I’m always struggling with invoice/accounting/time tracking and I’ve been trying to get a handle on it with various tools, services and even paper. In yet another attempt to get the business side of my business organized and manageable I’m working with Freshbooks.com (referral link).