You are looking at my re-done blog page format that I have been blogging about before, here, here, here, and here.  I took a theme (css styled) from the Community Kit for SharePoint.  I really liked and just wanted to make some tweaks, should be easy, css is the new way to format.  So here we are a week later, where I had committed to no tables, well I only broke that standard once, and let me tell you, I’ve come to the conclusion that the CSS spec and its operations with HTML is an elephant described by 6 blind people.  But then it was decided on by a bureaucratic committee, the original inventors of the SNAFU.

Anyways, you web designers out there have a talent I don’t have, I’m just not that visually imaginative, but then you don’t make it easy to be imaginative with the tool that is CSS.  You folks could really help out us less design layout gifted by maybe cleaning up after yourselves?

Here are the metrics, prior to the conversion the html layout page was 157 lines long, the new layout is 138 lines long

Now the CSS file… wait for it, it will blow your mind

The original clocked in at  136 style definitions, the new CSS files were combined at 42 style definitions (split between two files, my styles in main.css and embedded styles that correspond to class names generated in markup by Community Kit, and other writer plugins placed in embedded.css, which is one of my new CSS guidelines).

Take a look at the old version here and see the difference (if you have a monitor that is wide enough, or multiple monitors go real  wide and see the funky things).