Web & Patterns: patterns for a better web. http://web-patterns.net Wed, 09 May 2012 14:54:52 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Voilà the error page! http://feedproxy.google.com/~r/WebPatterns/~3/YLOQyDzSWmk/ http://web-patterns.net/error-pages/voila-the-error-page/#comments Wed, 09 May 2012 14:54:52 +0000 samoo http://web-patterns.net/?p=5806
A nice error page from Mattrunks, a French website for motion graphic lovers.

]]> http://web-patterns.net/error-pages/voila-the-error-page/feed/ 0 http://web-patterns.net/error-pages/voila-the-error-page/ Tour Infographic http://feedproxy.google.com/~r/WebPatterns/~3/lRfQTST_GaY/ http://web-patterns.net/tables-infographics/tour-infographic/#comments Wed, 02 May 2012 13:34:56 +0000 samoo http://web-patterns.net/?p=5798
A picture is worth a thousand words so I think that an infographic can easily summarize and replace the text in your website.

]]> http://web-patterns.net/tables-infographics/tour-infographic/feed/ 0 http://web-patterns.net/tables-infographics/tour-infographic/ Clean Alphabetical Navigation http://feedproxy.google.com/~r/WebPatterns/~3/aSr-u5ZLR3c/ http://web-patterns.net/menu-navigation/clean-alphabetical-navigation/#comments Mon, 19 Mar 2012 11:03:12 +0000 samoo http://web-patterns.net/?p=5787
Clean and fresh alphabetical navigation found in Postable, an interesting tool to create your address book in a kind of user generated way.

]]> http://web-patterns.net/menu-navigation/clean-alphabetical-navigation/feed/ 0 http://web-patterns.net/menu-navigation/clean-alphabetical-navigation/ Silhouettes in Negative Space. http://feedproxy.google.com/~r/WebPatterns/~3/VWtmn9FK0UY/ http://web-patterns.net/menu-navigation/silhouettes-in-negative-space/#comments Fri, 09 Mar 2012 15:46:30 +0000 samoo http://web-patterns.net/?p=5770
A beautiful sliding navigation made of silhouettes in negative space.

]]> http://web-patterns.net/menu-navigation/silhouettes-in-negative-space/feed/ 0 http://web-patterns.net/menu-navigation/silhouettes-in-negative-space/ Fight for future eco footer http://feedproxy.google.com/~r/WebPatterns/~3/TX4LWPEaBWQ/ http://web-patterns.net/footers/fight-for-future-eco-footer/#comments Mon, 20 Feb 2012 09:03:14 +0000 samoo http://web-patterns.net/?p=4229

A plant extending out of its pot, sustains this website’s footer, underlining the organic and green inspiration of this blog.

Fight for future in fact all about environment:

an interactive online campaign dedicated to educate and create awareness on protecting and conserving the Mother Nature in the most easy and fun way. It is like a giant shopping cart that is loaded with practical information and also handsomely designed eco-friendly products to each and every one of us.

]]> http://web-patterns.net/footers/fight-for-future-eco-footer/feed/ 0 http://web-patterns.net/footers/fight-for-future-eco-footer/ Peculiar Horizontal Menu http://feedproxy.google.com/~r/WebPatterns/~3/L9k619FRWhc/ http://web-patterns.net/menu-navigation/peculiar-horizontal-menu/#comments Mon, 13 Feb 2012 15:19:07 +0000 samoo http://web-patterns.net/?p=5757
A particularly well-made menu expands horizontally the main navigation while displaying below the secondary categories.

]]> http://web-patterns.net/menu-navigation/peculiar-horizontal-menu/feed/ 0 http://web-patterns.net/menu-navigation/peculiar-horizontal-menu/ Look Who’s Available http://feedproxy.google.com/~r/WebPatterns/~3/GVDsBEyB0l8/ http://web-patterns.net/error-pages/look-whos-available/#comments Fri, 27 Jan 2012 10:08:34 +0000 samoo http://web-patterns.net/?p=5751
Another funny 404 error page where copywriting and visual work particularly well together.

]]> http://web-patterns.net/error-pages/look-whos-available/feed/ 0 http://web-patterns.net/error-pages/look-whos-available/ Nice illustrative footer http://feedproxy.google.com/~r/WebPatterns/~3/bnSmCACN1q4/ http://web-patterns.net/footers/nice-illustrative-footer/#comments Fri, 27 Jan 2012 08:44:14 +0000 samoo http://web-patterns.net/?p=4736
A nice way to polish your website design is to add to your footer a small but memorable illustration.

]]> http://web-patterns.net/footers/nice-illustrative-footer/feed/ 0 http://web-patterns.net/footers/nice-illustrative-footer/ Jointmedia sliding pics http://feedproxy.google.com/~r/WebPatterns/~3/BAxqkCgbtbc/ http://web-patterns.net/ajax-effects/jointmedia-sliding-pics/#comments Fri, 27 Jan 2012 08:39:21 +0000 samoo http://web-patterns.net/?p=4224

A nice sliding effect in Joint Media portfolio shows the captions hidden underneath each pic.

]]> http://web-patterns.net/ajax-effects/jointmedia-sliding-pics/feed/ 0 http://web-patterns.net/ajax-effects/jointmedia-sliding-pics/ Bright and shiny footer design http://feedproxy.google.com/~r/WebPatterns/~3/7ic5qG8_LIM/ http://web-patterns.net/footers/bright-and-shiny-footer-design/#comments Tue, 24 Jan 2012 09:13:39 +0000 samoo http://web-patterns.net/?p=3881 inspirational-footer-colourful-bubbles-and-ballons

A fresh, shiny example of footer design with vibrant, intensely hued baloons and bubbles to add emphasis to texts and titles.

]]> http://web-patterns.net/footers/bright-and-shiny-footer-design/feed/ 0 http://web-patterns.net/footers/bright-and-shiny-footer-design/ Design Influences You to Go Minimal http://feedproxy.google.com/~r/WebPatterns/~3/BLvbrb6Sjk8/ http://web-patterns.net/grids-listings/design-influences-you-to-go-minimal/#comments Wed, 18 Jan 2012 09:23:54 +0000 samoo http://web-patterns.net/?p=5560
A minimal grid meets a horizontal scrolling in this interesting, minimal, website about design and typography.

]]> http://web-patterns.net/grids-listings/design-influences-you-to-go-minimal/feed/ 0 http://web-patterns.net/grids-listings/design-influences-you-to-go-minimal/ The Plus Sign http://feedproxy.google.com/~r/WebPatterns/~3/96uWWqbhxTM/ http://web-patterns.net/buttons-bullets-badges/the-plus-sign/#comments Tue, 17 Jan 2012 09:22:03 +0000 samoo http://web-patterns.net/?p=5722
I immediately noticed and loved the plus sign used in the submit button of this huge, “organic” form.

]]> http://web-patterns.net/buttons-bullets-badges/the-plus-sign/feed/ 0 http://web-patterns.net/buttons-bullets-badges/the-plus-sign/