CSS Layout

As I am browsing through the latest list of free CSS layouts for the last few days, I stumbled upon a simple yet eye catching layout by this passionate Web Designer, Roshan. The layout I am talking about is the ColorsOne.

This is a fixed width blog layout with a right sidebar that bears a nice sub header The content is well distributed and presented gracefully on the layout. The utilization of a generous header makes the whole design looks more elegant as well.

In terms of the coding, there is no comments in the CSS file and you may have difficulties in amending the this layout if you are dealing with CSS codes the first time. However, each of the classes and ids are proper named so most Webmasters should not have any problems tuning the layout.

As you may have expected, the real element that slows down the web page loading is the header image (70 KB) itself. If you are looking for optimal performance, you should try and optimize the header image.

In terms of Search Engine Optimization, the designer has made full use of headers so that every sub headers can contain the targeted keywords that the Webmasters desire. One area of improvement that the designer can do is probably position the sidebar after the content in HTML source

Overall Rating:

Try out the DEMO here.