Remember when you took tests in school and they required you to memorize everything?
It was frustrating, wasn’t it? You knew that in the “real world,” you’d simply look up that formula you only needed to know once every 3 months or so.
That’s why I’ve compiled a handy go-to set of web design tools and references – so I don’t have to remember every single obscure detail (or the awesome website that I found it on).
Hopefully the list can be of help to you too. If I’ve left something completely awesome off of this list, please add it by leaving a comment.
Need a lightweight wireframing application to kick off a web project?
I’ve found Mockingbird to be a great tool. I have the Personal plan, which gives me 2 active projects and unlimited archived projects for $9 per month. You can archive/activate projects at any time, and your account won’t get charged for months that you don’t have active projects. Very cool.
Once you’ve nailed down the layout, color is next.
This tool provides both RGB and HEX values for a specific color a well as a range of colors (and their values) that might work well with your inputted color.
Adding final touches, such as shading, give the website depth make all the difference.
No doubt, purely CSS drop shadows are one of the coolest things since sliced bread…but the 3 lines of code required for cross-browser support are not. That’s why I keep this page bookmarked – for easy copy/paste and quick reference to the order of the attributes.
Now you’ve got the website basically built, but you’re waiting for content for your client, aren’t you?
Having dummy text at your fingertips helps your client visualize the final look of the page AND remind them to provide content before you go live. (An empty page, on the other hand, makes it look like you’re not done with your design work yet.)
Alas, you’re ready to go live, but there’s no “easy button.”
This is an excellent step-by-step reference that really works for transferring a client’s brand new WordPress site from your server to the live server. Why WordPress hasn’t made this less complicated, I have no idea…but until they do, use this.
This handy tool is one you’ll love to teach your clients about – it’s easy and a great way to incorporate social media.
This is one of the most useful tools I’ve seen to encourage readers to share a great one-liner on Twitter. Simply put your message in the box, generate a custom link, and attach the link to the text on your site that you want to share.
Share your favorite tools and references!
What tools and references can’t you live without? Share in the comments on this post!