Web & Patterns: patterns for a better web.

Intervals is an online tool for project management and time tracking. The price of the product is a quite simple table, but with a very useful mouse over that highlights both rows and columns and thus greatly facilitates the reading of data.

The button to activate Babel With Me (a beautiful and useful chat service that allows simultaneous translation in 45 different languages) is huge and clearly stands out.

A rare example of vertical paginations is featured in Alucinógena, a Chilean showcase who collects the most shocking (in a positive sense) examples of graphic design.

This is not a real 404 error page, but a poster posted at Flickr by hulk4598: for once is print design to take ispiration from the web and not vice versa.

I think it’s an interesting typographical choice (is this typeFutura Condensed?) using a progressive numbering to explain one’s portfolio: in this case the author’s Piotr Godek, the one-man band behind the web agency Odd Web Things.

Stripe Generator is an ajax tool that allows you to generate striped patterns  to decorate  your web sites pages background. Numerous options provide considerable flexibility of the product, as you can see by the gallery of backgrounds shared by other users. If it’s not enough for you, you can create patterns with a tartanTartan maker, another [...]

A nice idea to present projects in one’s portfolio: designing them as pin /buttons.

The icon used in the footer of Firefox Add-ons page is not only enjoyable, but also suggests a sense of richness and variety of items available in this section.

Color Hunter is a very useful application that lets you search palette and colors from an image or a hexadecimal code. Useful in the initial stage of product concept. After defining your palette, you can use  Checkmycolours to analyze the color contrast of your web page according to W3C specification.

A strip made of all its work is the metaphor used by Rob Morris, a.k.a Digital Mash,to introduce his portfolio.

Icon Dock is an online shop for stock icons, some of which are downloadable for free. It’s designed and created by Nick La, author of many famous designers including Webdesignerwall.com.com andBestwebgallery.com.

This 404 error page is really exhilarating. It comes from Chris Jennings’ blog, Ui Designer for Scraplog.

Good header it’s a band with a set of links: by clicking on one of theme, you’ll make appear a new element that instead of exploding down, opens up pulling down the page. The login mask, well structured, compact and discreet, follows the same behaviour.

Pampaneo’s footer  (on the top) closes the story of two young designers, who venture on a secret mission to discover “new world of images”: the metaphor of space exploration starts from the home page and develops consistently in the web site (eg. on the header of internal pages, on the bottom).

The footer in Fred Maya’s portfolio

Beautiful icons and manga-style-avatars in FaceYourManga : a wizard will take you through all the necessary steps to create  your digital alter ego.

A 1KB CSS framework for both fluid or grids.

I don’t  know exactly how to define Freckle: an application to manage time slash tasks slash projects?  Loved the graphic of its price plan.

Fogde Morten Christensen’s blog beautiful infographics.

Psdthemes is basically a directory of web sites themes some of which are free and I think it’s a useful resource for both aspiring and professional web designers.  The footer is organized into tabs and consists basically of a tag cloud.

Share a logo is a directory of logos and brands available for free download in vector format.

Spectra is a flash web site that aggregates MSNBC network news: among the many subtleties graphics, I wanted to point out the pager/slider navigation.

The footer in Waterstone’s online shop: the use of a book and a bookmark to characterize this component is more than appropriate.

Stunning icons designed by Eugen Bouzouki (some are free).

Free patterns but ONLY for you Twitter home pages are available in Twitterpatterns.

The icons slash characters in this Japanese web site related to environmental education in the city of Kunisaki, deserve a honorable mention.

Tab navigation in Web Agency Sunrise Design is well evidenced by the use of icons and ample spacing.

Spokeo’s price plan: a search engine to find people in the most popular social networking and public databases.  Interesting the idea of giving evidence and distinguishing a button by overlaying a badge.

CoTweet is a platform designed for companies that, through Twitter, want to manage existing customers and possibly attract new ones.  The button to request product’s beta is huge, but welll integrated in the whole visual treatment.

Nice gray-magenta color association for this alphabetical listing.