Archive for the ‘Top Lists’ Category

5 Innovative CSS Techniques You Should Know About

We all love CSS but keeping up with the latest techniques can be quite difficult at times. So for your convenience, I’ve compiled five tutorials that showcase useful and innovative techniques that you should know about.



[Just to be clear, I know some form of probably all these techniques may have existed for awhile but I feel these five choices can still be used/improved upon by us developers and/or not fully adapted yet even though they are known by many to be productive. A bump and a nod, if you will.]

(more…)

Read the rest of this entry »

Great Book Cover Design Showcase

My friend Debra posted on her Daily Dose blog about some of her favorite book cover designs a few months ago. It reminded me of how clever and inspiring this design niche is.

Great book Covers
(more…)

Read the rest of this entry »

Top 40 Indie Band Record Covers

Get it? Top 40?… Anyway, strolling around a record store, there’s usually a couple of record covers that always catch your eye. Whether it’s bold coloring, illustration, photography or typography — it’s one of the most popular outlets for creative design. Here is a showcase featuring 40 recent covers in the world of indie artists for your inspiration in alphabetical order.

Jenny Owen Youngs

Jenny Owen Youngs
Alphabetical after this… love love love the typography on the logo badge.

(more…)

Read the rest of this entry »

25 Inspiring Indie Band Websites

The Arts & Crafts Record Label in Canada is my favorite record label. I support many artists including Broken Social Scene, Feist, Stars, The Dears, The Stills, Brandan Canning and Kevin Drew — so I know this label and what they are about. They are truly interested in making creatively expressive music just as we are interested in making creatively expressive design. So let’s see what happens when one crosses paths with the other.

The 25 Artist Websites of Arts & Crafts Record Label:
Amy Millan

Amy Millan Website Screen Shot
(more…)

Read the rest of this entry »

10 Shockingly Beautiful US Government Websites!

Beautiful? Government Website? Is that even possible? Oxymorons aside, we had to dig deep to surf our way through some of the most mind-numbingly aesthetic and usability challenged un-noteworthy websites of all time. At some points, I kind of felt like George W. Bush designed and Cheney programmed these themselves they were so bad!… but I managed to make it through without too much alcohol to bring it to you all with some honorable mentions to boot.

Air Force

Air Force Website
This website is first class. It’s a recruiting center meant and it does it’s job perfectly for the demographic it’s aimed at.
(more…)

Read the rest of this entry »

SEO Checklist – 10 Simple Steps

Spiders, the economic crisis, an angry Chris Brown and a woman scorned are all things you should be scared of. Thankfully for web developers, Search Engine Optimization (SEO) is not on that list. We’re going to go over some simple SEO techniques that are easy to incorporate into your web development production routine. These are the things you should be doing before doing the more advanced stuff which we will cover at a later date.
Search Engine Optimization Checklist Scroll
(more…)

Read the rest of this entry »

30 Awesome Designerly Band T-Shirts

*UPDATE* The author of the 25th comment gets the shirt of their choice in this post. Including comments. Yay!

Get your lighters ready! Today, we’re looking at designs commissioned by bands/labels – usually meaning they are some of the most creative, expressive and innovative illustrations, layout and techniques. Most often they are applied to cover art and gig posters but some of the most memorable era of a band can often be summarized by “that” t-shirt. For Weezer, I think it might have been the Adrian Tomine ladies tee. Nirvana had that weird looking Daniel Johnston alien looking line drawing thing that they were known for before they blew up.

We have a selection of Illustrative, typographical and just plain ol’ interesting categories for you to peruse from (surprise treat at the end):

ILLUSTRATIVE

Sub Pop representin’ the other white meat…
Sub Pop Tee
(more…)

Read the rest of this entry »

5 Classic Sans-Serif Fonts

Helvetica

HELVETICA
  • Created in 1957
  • A “Grotesk” sans-serif (any early sans-serif essentially)
  • Created to compete with Akidenz-Grotesk
  • Updated to be more legible and consistent in 1983 (christened Helvetica Neue)
  • A film was made about it
  • Thx, to simplebitsdan for CC photo! BTW, I met Dan at ALA SF in 2008. Awesome dude.

(more…)

Read the rest of this entry »

3 Great Website Redesigns of 2009 (so far)

It’s only March and we’ve already seen a couple of high profile website redesigns. Most notably — on the day of Barack Obamas’ inaguaration, the new whitehouse.gov website was premiered. The difference was so bold that it captured big time attention from big media. In some instances it was used to signify the difference between Obama’s new hotness versus Bush’s old and busted. Since then, ESPN rolled out of their beta and pitchfork.com (indie music website) premiered their new website this weekend.

It’s All About Change

www.whitehouse.gov before and after
A comment that some made was that Bush’s whitehouse.org was absolutely perfect. It was perfect because it kept people disinterested in what he was doing! I can see the creative brief now: lull and bore the dissenters into a coma. It uses a traditional three column layout with nav on left, content in center and some call-outs on the sidebar. It’s competant but I think most people would agree it is not inspiring — which it should be as we found out this past election.

Obama on the other hand, is about change and his web team was not afraid to defy convention of what we think of as a government website. He uses many common website layout features such as:

  • “Hero” graphic — is the single most important visual element on page. Typically communicates the single most important message.
  • Blog — frequently updated content in a very accessible format.
  • Newsletter — keepin’ the old citizens informed.
  • Usability — trafficking people to where they want to go.

(more…)

Read the rest of this entry »

Top 30 Indie Band Website Designs

Creating a band website is a completely different animal than your normal run of the mill corporate or business website. Rules of usability and standards compliance go out the window in favor of creativity and innovation. Indie bands in particular do their best to portray how fresh they are and why you should listen to them. There is a fine balance between being functional and usable versus annoying and here is the top 30:

Random order and separated into 4 categories; illustrative, blog-like, photographic and miscellaneous.

ILLUSTRATIVE:

Broken Social Scene
Broken Social Scene Official Website

(more…)

Read the rest of this entry »