CSS Layout

FreeCSSTemplates.org has once again stunned me with an amazing layout! - Unknown

This two column CSS blog layout utilizes vibrant colors to capture the visitors’ attention and I find that the strong colors do not hinder any reading as well. The colors are well matched in my opinion.

The CSS file is well commented and stated clearly every distinct element for future designers to make any changes if there is a need. The file is also very compact, manageable and neat. Every element in the index (home page) file is also well labeled to identify the blocks easily. You can easily change and customize the elements without any advanced HTML knowledge.

The main bulk of the size comes from the beautiful background images. If performance is an issue to you, the images can be further optimized to improve the page loading speed.

Lastly, this layout is well optimized for search engines as it uses the headers tag appropriately. This CSS layout also arranged in such a way that the content appear before the navigation links at the side - this will enhance the indexing of the bots as well.

A wonderful CSS layout overall!

You can download this theme directly from the page here.

Overall Rating:

Try out the DEMO here.

vicing has released a set of beautiful icons for free

These icons are ideal for spicing up our plain desktop and make it looks more lively. The icons come in PNG format at the resolution of 128 x 128 pixels. With more than 40 over icons, you will most probably find what you want in this amazing package.

Feel free to pop over to vicing’s page and download these icons

Since dating is a hot niche especially in the affiliate marketing industry, it is a good time for us to review a CSS dating template that you may be interested in

This dating template comes with a top navigation menu that is highly visible to attract the attention of your visitors especially from the search engines. The overall size of this layout is pretty compact as most of the weigh comes from the background images.

As I downloaded the layout and start browsing through the codes, I find that it is not that easy for a beginner to customize this template as it uses several pictures to form the background of this layout. However, the CSS file is tidy and clearly differentiate the various element blocks.

In terms of Search Engine Optimization, this layout also needed some improvements as it does not utilize HTML headers. If you were to use this layout, I would advise you to add in several header tags from H1 to H3.

To conclude, this layout is good for those that have some experience in CSS so that you can further customize this layout to your needs.

View DEMO or download here.

A DigitalPoint forum member by the name, Jinsona, has released a new word press theme - New Realm a few days ago and I find it pretty impressive so decided to share about it here

The elegant header is the first thing that captures my attention when I loaded the theme on my browser. Jinsona has also make sure that most readers will not miss out the opportunity to subscribe to the blog by placing an eye-catching RSS icon on the right of the layout.

The fonts sizing and colors are also well matched to the overall background of the theme and I find it very easy on my eyes to scroll through the content naturally

Now, if I were to give an suggestion to improve this great layout even more, it could be the margin on the right of the category labels such as Pages, Blogroll and Archives etc. I find that it would enhance the entire design by putting a wider margin between these labels and the right border.

A good wordpress theme overall, good job!

You can download this theme directly from the page here.

Overall Rating:

Try out the DEMO here.

Created by FreeCSSTemplates.org, this is another great template for conventional sites

The entire site is very light-weight and does not consume too much resources as the images are optimized as well. This three column layout also make the placement of advertisement very easy and neat. You can also change this layout to make it into a site instead of a blog easily by taking away the poster’s details in the index.html file.

In terms of customization, the designer has put in enough effort by making sure that the blocks of the CSS elements are commented so that the users can locate a certain element easily. This also make future tweaking effortless

This CSS layout is also search engine friendly as it utilizes several significant SEO tags for the headlines such as headers, list and METAs.

This is truly a great theme for most sites out there! You can download this wonderful theme directly from the page here.

Overall Rating:

Try out the DEMO here.

Designed and created by Deziner Folio, this is truly one of the best wordpress themes released recently. I would have used this theme for my other blog if I know it earlier..

This clean wordpress theme has a very excellent placement for advertisements. The designer has made an effort that the ads to appear on the left just below the search box. This will certainly increases the CTR as a publisher of any advertising network.

I also like the header as it does not take up a lot of space in terms of height. This background is suitable for almost any kinds of logo and typography as well. The fluid design of the theme also make it stands out from most of the current open source wordpress themes.

In terms of Search Engine Optimization, sImpress has made full use of the HTML Headers tag which is very important for the search engines to understand and index the content relevancy. This theme is also highly compact which contributes to fast indexing of the search engine bots.

A great quality wordpress theme. You can download this wonderful theme directly from the page here.

Overall Rating:

Try out the DEMO here.

It has been a while since we last reviewed on non-blog CSS layouts. Today, I will be reviewing a professional free CSS layout created by Saurabh Bhide, a Student Entrepreneur

The designer has fit in a generous header that blends very well with the entire layout. The top navigation bar is also an excellent place to hold important pages that you do not want your visitors to miss. This three column CSS layout is ideal for most business sites as you can distinguishably place internal and external links on each side of the web page.

Looking through the source codes, you can locate the specific elements to change pretty easily. New Webmasters may have problems identifying which portion to change initially as the elements are not named conventionally. One area of improvement for this layout is that the CSS style file can be commented or have the elements renamed so as to facilitate the customization of the users.

As the layout utilized respective headers such as H2 and H3, it would greatly help for the search engine to know what is your site about. Optimization for search engines is also much easier as the code-to-text ratio is pretty low.

Overall, this is a good layout to use for business related site.

Overall Rating:

Try out the DEMO here.

Domagoj from Itookia did a an excellent job by writing a wonderful tutorial on creating vista toolbar by using CSS

You can get a feel of how this technique works by simply going to their demo page and test it out.

As you may have expected, the designer uses the Sliding door technique to achieve this sleek effect. This tutorial is also easy to absorb and implement. Try it out and let us know if you like it

Full tutorial here.

I have recently stumbled upon the Kombine Group and found that they are currently offering a set of high quality icons for free download In my opinion, this is a set of icon that you do not want to miss..

You can download this set of high quality icons from their icon download page. Beside these free icons, they also offer a set of superior icons at less than $60.

Kombine Group also offers professional services such as web development, graphics design and copy writing. Judging from their PageRank, they have quite a number of good referrals from other sites as well.

Great stuff. Check them out

Honestly, there are few CSS layouts that can really captured my attention within the first 3 seconds. I am delighted to encounter SpaceBlog layout a few days ago

Created by Graformix Design Studio, this stunning layout uses strong colors and impactful picture for the header. The left side bar is also well separated from the main content to allow the readers’ eyes to rest comfortably from the right to left. I like the design of the footer as well, it distinguishes from the content clearly and neatly.

In terms of the customization, most Webmasters should not have any difficulties fine tuning the layout as the elements are properly named. The designer could have added more comments to the CSS file to further enhance the developers’ usability. The file size of the main and CSS file is also kept to the minimal so as to achieve the highest possible performance.

The only area for improvement for this layout could be the SEO scope. This layout does not make full use of the top HTML headers such as H1 and H2. You can improve this by manually changing the respective headers

Highly recommended for a any passionate blogger.

Overall Rating:

Try out the DEMO here.