CSS, Cascading Style Sheets describes the presentation semantics of a document written in markup language. CSS is designed primarily to enable the separation of document content from document presentation, including aspects such as the layout, colors, and fonts.
Evolution is a good thing, if we were still sitting on the trees, nobody would have been able to invite CSS or design 2001:
the different design stages of my website 3oneseven.com came to my mind, so without further ado, so here is the milo design evolution:
First and initial version, focused more on art than on usability, especially the BIG and not linked header. This stage consists of a tight responsive column with a sidebar menu and nearly no information about the site: nice but someway useless.
Looks much better, does it? Implemented usabilility, more information and multiple loops retrieving two posts. Layout is fluid and I’ve also established the drop down navigation with gallery entries and recent posts.
Interesting note: all layouts including the current one are created upon the base of the first version, I’ve just added goodies, gadgets, scripts, columns and a liquid outfit. It’s funny to see, what you can do with an existing template, if you know how, what and have a certain goal in mind.
Very short intermezzo with stage three, totally useless in the beloved IE: main part with the recent projects and downloads didn’t work in the Windows engine, caused by the slideshow script. I still like this fluid outfit and will release it as a free theme when I have more time, but then downsized without the gadgets.
Current version with a header rotator showing excerpts of my gallery, consists of a fluid layout and a nice drop down menu with opacity in all browser except of the creepy IE.
Here we have the first of many orange layouts: always responsive or fluid as back in the days.
The inevitable slider
Easier without triangle, open navigation, logo as ribbon.
There is a Style Guide for the 3oneseven.com domain with fonts, color wheels and all kind of interesting information.