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

Advertisements

Code Academy.org

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… Will.i.am??) 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 Code.org which in turn led to a learning portal:

http://www.codecademy.com/

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