How To Create a Trendy Flat Style Nav Menu in CSS

How To Create a Trendy Flat Style Nav Menu in CSS.

Tutorial Courtesy of Chris Spooner / Line 25

Station Digital Agency – Zurich…

Came across The Station – Zurich on the Awwwards website today as they won site of the day for their own website

Station Agency
The Station Digital Agency


I’m a freelancer, so I suppose in theory I get to work in a variety of places of all shapes and sizes, but sometimes you come across agencies that seem to have it “too good to be true”. Their offices are fab, they all have top of the range equipment, a fridge full of beverages, a table tennis table (that I’m not so fussed about as am crap at it, fusball much better), they harbour a friendly, relaxed yet productive atmosphere and the work they do is really nice… These are one of them. Not… envious… at all 🙂

Oh, and their website is quite nice too. Really like the minimalist approach – simple, clean and effective 🙂

Beautiful and innovative Tube posters

Love these posters from a bygone era. So much more artistic and colourful than the ads you see plastered all over the the transport networks today… Makes you feel all warm and fuzzy 🙂

It’s Nice That : London Transport Museum shows
150 beautiful and innovative Tube posters

Further posters can be seen at an exhibition at the London Transport Museum in Covent Garden in London. Runs from 15 February to October 2013

Useful tutorial for creating Web Style guides

Courtesy of WebDesign Tuts+

Style guides have been around for quite a while now. Even before the days of the web, companies often needed to create consistent and unified visuals for their brand. This was and still is achieved through the use of brand or identity guidelines. Such guidelines are usually set out in a document and can contain information such as:

  • Brand colors
  • Typography, such as fonts, sizes, leading etc.
  • Logo positioning and how to use in different situations ie. print layout can differ from web layout
  • Tone of voice
  • This useful tutorial shows how to create a simple one.

    Click HERE to go to Web Tuts+ for full tutorial.

    Website Style guide Tutorial
    Website Style guide Tutorial

    The Good Man – Experimental CSS Site

    The Good Man is an experimental CSS3 animation project created by Pedro Ivo Hudson. It’s a visual transcription of a narrative, created with HTML elements and animated with CSS3, using only web fonts (served by Google Web Fonts) and shapes so that it’s as scalable as possible. It was created as a graduation project in graphic design, as a study in animation code quirks and behaviors.

    The Good Man
    The Good Man