A Brief History of Graphics In Video Games

Watch this when you have an hour downtime to discover how graphics in video games has changed throughout history. Stuart Brown did a great job including putting classic games in his five part videos.

The HeadClutchers

Nicola Miller talks about how the media seems to use the HeadClutchers photos when it comes to talking about mental illness and what is best to use.

I never understood why the media wants to select moody and meaningless photos where the rest of us are begging for happiness and positivity.

Link: Here come the headclutchers

The Woman Behind Apple's First Icons

Great coffee break reading material about how Susan Kare designed Apple's first icons.

The dogcow is still my favourite after all these years.

Also, check out Susan Kare's store for prints. I have my eye on the coffee poster!

Web Accessibility - Don't make me think!

Southern Electricity is in the crosshair this afternoon after they think it is a great idea to force their customers (new and old) to watch a video when landing on their site.

Southern Electric Video

In Web Accessibility 101, this is a no-no.

Class dismissed.

Coding CSS with style

Over the years of coding CSS, I have developed a habit of laying out the selectors like this for example:

.box {
     background: #444;
     border: 1px solid #ddd;
     float: left;
     height: 400px;
     width: 400px;
    }
    
    .box p {
     color: #fff;
     font-family: Helvetica, Arial;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 24px;
     text-align: right;
    }
    

This is alphabetical layout and it has always worked for me including everyone else out there who wish to read it.

I'm going to repeat the same code but differently this time.

.box {
     float: left;
     height: 400px;
     width: 400px;
     background: #444;
     border: 1px solid #ddd;
    }
    
    .box p {
     font-family: Helvetica, Arial;
     font-size: 14px;
     font-size: 1.4rem;
     line-height: 24px;
     text-align: right;
     color: #fff;
    }
    

This is sorting out by groups. Box, colouring, typography, etc. I do like this method yet it feels slower to code thanks to my habit because I like to keep it all alphabetical (I do wonder if I have coding OCD).

What is your preferred method? Alphabetical or groups? Or something else? Discuss over at twitter - @craigbutcher.