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


I am not a coder… Never have been. I simply don’t have the brain. I think you either have a coding brain or you don’t. That said, I would love to learn more about it, if not to write it but to have a better understanding of it. In my line of work, its used everywhere… and it would be nice to know what some of the geeks (I mean Devs) are actually talking about.

I came across this site via a link to advertising campaigns (on Mashable). The ad features some well known people (Bill Gates, Mark Zuckerberg… talking about how they got into coding and how it changed their lives. I am not after something that profound, I simply want to rebuild my website and others in ways I understand. So when I delved deeper after watching the video, I came across which in turn led to a learning portal:

I’ve yet to play properly with it, but it seems a good resource for learning the basics & maybe more. And hell, if I finally DO understand code, I might invent the next Facebook!… Oh who am I kidding! 🙂

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

    Forgotten how to actually draw…

    I used to love art at school / college. Actual sketching… with a pencil. Since becoming a computer bod designer, my sketching skills are somewhat rusty. I came across this site today and it contains a whole ream of lessons for getting back to basics. And best of all, its open source and free! Now I just need to find some time to actually do some of them 🙂

    Drawspace - Now everyone can draw.

    How to Create a Seamless Pattern in Adobe Illustrator CS6

    I don’t have the latest Adobe Suite offering yet (can’t keep up with Adobe – or afford to!) but when I do, this might be a useful tutorial… Particularly if you fancy making wallpaper 🙂

    Patterns in Adobe Illus CS6
    Patterns in Adobe Illus CS6