Weekly Inspiration #6

Category: Inspiration |

04 May 2010

Another week has just passed by so it is time for Weekly Inspiration#6.

Opal Clocks

The full screen background slideshow with half-transparent header just works perfectly on that site. Half-transparent header also appears across the whole site. My first impression was that site is built in the Flash but surprisingly not. The slideshow is based on the jQuery UI library and jQuery Supersized plug-in. The footer also looks fine displaying current time for major cities across the world.
Opal Clocks 

Conway Anderson 

Conway Anderson's portfolio is a really simple grid-based website. Big header is followed by nicely arranged list of works with fading transition for each project item.
Conway Anderson 

Work Life Balance 

This clear example of grid-based website which I really love, but I can't understand why it is built in the Flash. The website is not heavy on the graphics and multimedia and could be easily based on the HTML and CSS with jQuery or other JS framework to replicate the Flash style and behavior (i.e. single page layout and effects).
Work Life Balance 

Siegelwerk 

Now we have some German stuff - simple, clean and practical. In other words - "Ordnung muss sein". Obviously grid-based website is equipped with nice headings for each section. There is also Flash in use but in this case it is understandable - project overview is transitioned to the main video.SiegelwerkSiegelwerk 

Patrick Monkel 

This is another clean and simple portfolio website. Minimal colour palette works nice with pattern in the background. The details page for projects also looks nice showing different level of details. The work itself also looks interesting.
Monk Design

Tobias Ahlin 

This is last portfolio website for today's entry but very interesting. The slideshow is followed by nicely arranged list of projects which can be filtered by type. Project details page is also well laid - bigger image, detailed information and nice tags on the left-hand side. My favourite parts are Profile section and blog. The profile section is just sliding div container with contact information and lovely image of the earth with pin. The Blog is also good-looking - posts are arranged as sheets of paper or post-it notes with nice typography and the blueprint background for code snippets just look awesome. Definitely, one of my favourite websites in terms of look and feel.
Tobias Ahlin 

The Mushroom Company 

Now let's end the post with something strong. I don't know if those guys ate some "shrooms" during the design and development process, but the whole website looks insane. In a good way. In old days (up to 10 years ago?) that website would be full flash and even now it gives the impression, that it is full flash website, but it is not. It is full HTML/CSS website with jQuery equipped to do the AJAX and transitions for the main elements. The layout is fluid and uses 100% of the browser width. Presented work (randomly on the landing page) also looks well and I have to say those guys did and do really nice job.
The Mushroom Company

Tags: design inspiration jQuery grid

Comments

blog comments powered by Disqus

Flickr

  • Sunrise over velvet clouds.
  • Tree and clear, dark sky.
  • Ruins of a shelter. The entrance.
  • Sunrise over the Howth, view from Sutton

blog categories

worth visiting

ColourLover
Latest colour trends and inspiration