Web & Patterns: patterns for a better web.

Twits at the end of page are a great way to customize an area often lacking in content.  Nice arrows and  bullets.

I like blogs with a very rigid grid layout  and extreme use of typography.  Even when the colors are so sharp.

An absolutely typographic approach, based on an abundant use of Caslon for this blog with a retro style and a title full of good intentions.

The footer on Douglas Bowman’s blog, currently Creative Director in Twitter and, among other things, the former leader of Google Visual Design. Apart from being graphically impeccable, this is an excellent example of the increasing trend in using the bottom of the page to express something personal…in short, footers are no longer a simple layout [...]

Delicious designers have created a strange hybrid of breadcrumbs and form:  user can see  sites associated with a tag, write the name in a text input queued to the breadcrumbs path.  After sending data, the input text is transformed into a path link, in a process that virtually could keep go on going until the [...]

  This paging is graphically “important”, but well balanced.

I like very much vector illustrations, even when they are very geometrical such as this.

Although from a functional standpoint it doesn’t have any practical avantadge, the drop down menu/ button in which is embedded user’s avatar  is very effective in creating an enjoyable user experience.

Glossy buttons really bugged me: despite this, I love these ones..  I noticed that this social  choose a style s diametrically opposed to the minimal-functional-googlish look of its major competitor, Anobii. An accidental or a conscious differentiation?

You broke something? Nextwave error page brings out the hidden geek in us.

Apple breadcrumbs trail is not used consistently within the website and , among other things, there are two slightly different version of it:  in the online store is located at the top and the path first link is a house shaped icon that leads to subdomain store.apple.com;  in the “real” website is placed at the bottom [...]

The Guardian online offers an interesting example of  breadcrumb navigation used not only for the purpose of showing the current website section, but also its possible subsections (Politics, Business, Health are indeed subsections News).  Vivid colors are applied to graphic elements and titles of each section, in contrast to the majority of online newspapers that [...]

icon

Kosmix grid, evidently modular but not static, it’s designed on the purpose of allowing its customization: users can move blocks of information, thus personalizing their own home page.

Purplerockscissors website is clear, consistent and show an interesting use of Futura ExtraBold.  For those who want to build a sliding portfolio, I recomend this example, where all is well calibrated and the tab “view now” lays on the bottom right, without spoiling the cleanliness of the whole.

If you are looking for inspiration or just a little “web fame” , avatars wall created by Webdesigner Depot could be a good starting point!

A full Apple style for Mobile login mask: it’s clearly inspired by a minimalism so fashionable today, while on the other hand provides a wide range of visual signs.

A nice page and a little different from the usual to report a not so nice disservice.

These  panels that slide side to keep out the three fundamental pages of the site are quite of interest.  One could apply this system to present search engine results, listing, for example, in the main page lists the textual elements, and putting video, maps, images in other pages.

The aesthetic result is certainly not the strong point of these icons that are very understandable and clear even if they’re only 10px wide.

We absolutely love icons (maybe I’d better to call them illustrations) collected by  we-heart-icons guys.

This “live feed” listing is really an example of good design. On a very clear and clean grid, are neatly arranged items of very different types (tweets, post photos from Flickr, videos from youtube) and yet the whole is very clear, readable, enjoyable.

The use of Ajax effects on the sites is quite an established trend.  In this case, I liked both the elegance of the implementation and the mirrored movements created when you move the mouse over  from one photo to another.

I really like Razorbraille web site: for now I wanted to show you the frogs jumping on the main menu, look at you and fall down when you move the mouse over a tab.  Genius!

On the web scene is hard to be surprised any more.  Instead, Econsultancy blog pleasantly surprises us with a logo that, according to the scrolling the page, change color from negative (white text on red background) to positive (red text on white background).