I read a lot of design-related articles & blogs online – I mean, really, what else can you do when you live in Edmonton, which was the coldest place in North America on Dec 13 at -58C with windchill? Anyway, I’m constantly bookmarking items I think might be useful for me as a designer in the future – some I never end up using, but some I definitely do! This year, I found some great articles on web usability (always good to be able to effectively communicate why you made a particular design choice to a client), WordPress and jQuery, as well as a few others. Here are my Top Web Design Bookmarks of 2009, with thanks to everyone in the design community who keeps openly sharing their knowledge.
Perfect Full-Page Background Image
CSS Tricks is a great website – a web designer’s goldmine, if you will – and this is but one of a ton of great articles on Chris’ site. I have yet to implement it myself, but I hope to soon!
10 Usability Findings & Guidelines
Smashing Magazine is well-known in the design community, and the main reason is its well-researched and written articles pertaining to web design. Check this one out for usability tips, like where viewers look most on a website (above image – I felt it needed an explanation or else it just looks like someone’s website caught Athlete’s Foot).
Hit the jump for more!
ViewLikeUs
In a year that saw a lot of simple, single-function websites, ViewLikeUs jumped on the pile with a beautifully simple tool for web designers: viewing their creations in all the major resolutions with the click of a button.
BrowserShots
Another site similar to ViewLikeUs, BrowserShots takes screenshots of a website in all the major browsers – a quick way to check and make sure everything looks the way it should. Another alternative is Adobe’s BrowserLab.
Website Design & Development Project Checklist
This post is a great resource for designers and the ever-present challenge of communicating properly with your (sometimes not-web-savvy) clients. This is a must read if you want to avoid headaches.
20 Top Design Blogs Looking for Writers
Being a freelancer means that occasionally you’re going to hit a slow period. Why not supplement your income by writing a few one-off articles for these well-known design blogs?
Flickrshow
Most clients want to update their websites themselves. That’s totally understandable, and easy-to-use CMS’ like CushyCMS or LightCMS make text editing easy. Photos can be a little more tricky – but Flickrshow pulls content directly from a Flickr account, so your client doesn’t even need to jump into any CMS to update the photos on their site. Especially great if you’re developing websites for photographers.
jQuery Slider
There was an explosion in the popularity of jQuery this year, and it’s easy to see why. This free content slider plug-in is easy to use & looks great. We’re thinking about using it in our next redesign of the Paper Leaf site.
10 Short ‘n’ Sweet Tips on Web Design
This article is focused on usability and what to consider when you’re designing for the web. A quick and useful read!
@font-face & 15 Free Fonts You Can Use Today
I have yet to implement the @font-face CSS rule, but we’ll be doing it in our upcoming Paper Leaf website redesign (probably using Quicksand OTF). If you’re unfamiliar, the @font-face rule allows you to embed OTF fonts in your web designs so you can get away from the standard “web safe fonts” (Verdana, Trebuchet, Georgia etc) and still have your website look the way you want to all users.
The Best jQuery Plugins of 2009
Yes, I’m calling on another “best of” list in MY “best of” list. Wanna make something of it? For real though, this is a great list full of useful plugins to add some spice to your web designs.
WordPress for Designers
To round out the list, here is a great series of video screencasts from the gents at ThemeForest on using WordPress if you’re a designer. WordPress is way more than a blogging platform – in fact, it can be used as a sort of content management (CMS) system for a lot of clients. It’s open source, relatively easy to learn, and will give your clients the control over their websites that they want.
I hope you found this list useful. Thanks for reading and have a great year in 2010!



















[...] Top Web Design Bookmarks of 2009 [...]
Pingback by Kfeld-United Die Community der Altschüler & Schüler in Königsfeld — December 18, 2009 @ 11:00 am
[...] Top Web Design Bookmarks of 2009 [...]
Pingback by tripwire magazine | tripwire magazine — December 18, 2009 @ 11:23 am
[...] Top Web Design Bookmarks of 2009 [...]
Pingback by 175+ Awesome Collection of Fresh Community Posts | tripwire magazine — December 18, 2009 @ 2:36 pm
[...] Top Web Design Bookmarks of 2009 [...]
Pingback by 175+ Awesome Collection of Fresh Community Posts | Afif Fattouh - Web Specialist — December 19, 2009 @ 1:40 am
This article has been shared on favSHARE.net. Go and vote it!
Comment by favSHARE — December 19, 2009 @ 4:59 am
[...] Read the original article [...]
Pingback by Top Web Design Bookmarks of 2009 | favSHARE.net — December 19, 2009 @ 5:01 am
I love wordpress. I went from .netframework to PHP in a blink of an eye. I found this site which I thought was cool that you can add http://www.feng-gui.com/
Comment by Judd Dunagan — December 19, 2009 @ 6:40 am
How is it that I missed ViewLikeUs and BrowserShots? These two links alone were worth the trip. Thank you very much.
Comment by Abounding — December 19, 2009 @ 5:52 pm
Great list … Thanks!
Comment by Bobby Hilley — December 19, 2009 @ 9:24 pm
My pleasure – there are SO many great links that it’s near-impossible to keep up. I’m glad my post pointed you towards a couple of extra gooders. Take care!
Comment by Jeff — December 20, 2009 @ 2:08 am
not really a great list but a nice one. thanks
Comment by maverick — December 20, 2009 @ 6:27 am
[...] Top Web Design Bookmarks of 2009 (tags: webdesign inspiration tools toread) [...]
Pingback by links for 2009-12-20 « Mandarine — December 20, 2009 @ 9:08 pm
Small collection
Comment by SMiGL — December 21, 2009 @ 5:16 am
I am so impressed with how this site covers so many areas of web design & development, including content, different CMS’s and WordPress plug ins, and even tips in terms of working with clients (who may not be web savvy.) This site will be very useful to our whole team; we are a Boston Web Design firm that offers a web design & development, interface design,and SEO/Content writing services, so this paper-leaf content is so relevant to the totality of what our company does. Ultimately, it is all interrelated, and so it’s great to have a site like this which accounts for all of these digital media arenas.
Comment by Alex — December 21, 2009 @ 10:20 am
Thanks for the feedback all. SMiGL – yes, it is a smaller collection, but I think the links are of high quality. I personally get a little overwhelmed at the size of some of these similar list-style posts. Thanks for commenting!
Comment by Jeff — December 21, 2009 @ 10:28 am
[...] Top web design bookmarks of 2009 [...]
Pingback by Tis the season to …. make lists « Julia's Blog — December 22, 2009 @ 12:39 pm
If you have wordpress on this list then you need to have pods to go with it the guys who created it have put alot of work in and it is an awesome plugin if you want to use wordpress as more of a cms
http://pods.uproot.us/
Comment by Hugh Powell — January 30, 2010 @ 2:48 am
[...] opinion). If you’re unsure of how to use the @font-face declaration, check out my article the Top Web Design Bookmarks of 2009. There’s an article in there that’s very useful. As well, check out [...]
Pingback by 10 Best @font-face Fonts — February 5, 2010 @ 9:49 am