If you're new here, you may want to subscribe to my RSS feed. Read my top posts or learn more about Michael Gray. Want more frequent updates follow me on Twitter. Thanks for visiting!

If you follow me on twitter chances are you seen more than one rant on bad web design, bad CSS, and bad/sloppy coding. Sure I’m a reformed CSS Zealot who used write XHTML 1.1 valid code for kicks. I may have returned to slightly more normal life, but I still believe there’s value in writing clean code. I was migrating a client site from a development environment to a production environment, and when I signed up for webmaster central the results were pretty interesting …

Why You Need to Be Concerned About Sloppy CSS »

Sphere It

In Maximizing Profits With Website Design and Layout: Part I, we looked at some examples of screen resolutions, and content placement. In Maximizing Profits With Website Design and Layout: Part II, we looked at how banner size affected the “sweet spot” being above or below the fold. In part III we’re going to look at liquid versus static. Maximizing Profits With Website Design and Layout: Part III »

Sphere It

In Maximizing Profits With Website Design and Layout: Part I, we looked at some examples of screen resolutions, and content placement. In part II I’m going to show some examples of how I look at and approach design considerations, specifically where the important “money making” parts are in relation to the screen break. Maximizing Profits With Website Design and Layout: Part II »

Sphere It

I was building new site this past weekend and I got into the liquid width versus static width debate with myself again. Now I’ve been involved in designing, programming, running, and optimizing websites in one way or another since 1998, and while I’m no usability expert I think I’ve seen and built enough websites to have a educated opinion, so I’d like to share what I think about how design and layout can effect your profitability.

Maximizing Profits With Website Design and Layout: Part I »

Sphere It

Here is a list of 28 free CSS templates for you to copy and use on any website you’d like. You can view the full matrix for the templates in my FREE CSS Template Library. If you use one or more of them a link back to my website or CSS library is not neccesary but would be appreciated.

2 Column Layouts Left Nav

• Template 1
• Template 2
• Template 3
• Template 4
• Template 5
• Template 6

3 Column Layouts Right Hand Side (Blogs)

• Template 8 (Blog)
• Template 9(Blog)
• Template 10 (Blog)

2 Column Layouts Right Nav

• Template 11
• Template 12
• Template 13
• Template 14
• Template 15
• Template 16

SEO 2 Column Layouts

• Template 17
• Template 18

3 Column Layouts

• Template 21
• Template 22
• Template 23
• Template 24
• Template 25
• Template 26

SEO 3 Column Layouts

• Template 27
• Template 28

2 Column Layouts Liquid

• Template 19
• Template 20

3 Column Layouts Liquid

• Template 29

Categories:( css | css.templates | css.templates |free.website.template | free.website.template |free.css.templates |free.css.templates)

Sphere It

Here are the last two templates in the series 2 liquid layout templates one with right hand navigation, the other with Left hand Navigation.

Liquid CSS TEMPLATES

• Template 19
• Template 20

Sphere It

Today’s two templates represent the first liquid width templates to be added to the CSS Template Library. I’ve got a love hate relationship with liquid templates, and dealing with browser quirks, well it just isn’t pretty sometimes

Liquid CSS Templates

• Template 10 (Blog)
• Template 29

Sphere It

Today’s templates are 3 column layouts that are very trendy in the blogosphere. Now unlike some Blog Overlords who don’t want you copying their HTML, I say screw ‘dat, take the code go forth, be fruitful and multiply, use ‘em where ever you like, if you like them be nice and link back to the CSS Template Library. Oh and did I happen to mention they are search engine spider friendly, with all that content right up front … much better than someone else’s templates.

Search Engine Optimized Blog Templates

• Template 8 (Blog)
• Template 9(Blog)

Sphere It

Today’s installment of Free CSS Templates includes more Search Engine Optimized templates this time in the 3 column variety. We’ll probably have a few more fixed width templates before we get into the full screen liquid layout templates.

SEARCH ENGINE OPTIMIZED CSS TEMPLATES

• Template 27 (SEO)
• Template 28 (SEO)

Sphere It

The third batch of free CSS Templates is now up in the CSS Template Library. These are similar to the first batches except they have 3 columns fixed width with optional headers and footers. The next batch are going to be the SEO friendly CSS templates.

3 Column Layouts

• Template 21
• Template 22
• Template 23
• Template 24
• Template 25
• Template 26

Categories:( css | css.templates | free.templates | free.css.templates)

Yes I skipped some numbers on purpose

Sphere It

The second batch of free CSS Templates is now up in the CSS Template Libraty. These are similar to the first batch all 2 columns fixed witdth with optional headers and footers, these just have the navigation on the right hand side.

2 Column Layouts Right Nav

• Template 11
• Template 12
• Template 13
• Template 14
• Template 15
• Template 16

Yes I skipped some numbers on purpose

Sphere It

Periodically Throughout the month of September I’m going to be building a library of free CSS templates. The first six are 2 column layouts with a fixed width, left hand navigation, and optional headers and footers. You may reuse these templates on your personal or commercial websites free of charge. The only thing I ask is that you link here or to the css template library page somewhere on the site where you use the template.

I’m going to end up with around 25 to 30 templates, if you have a special request for a template let me know and I’ll see what I can do to help you out.

2 Column Layouts Left Hand Navigation

• Template 1
• Template 2
• Template 3
• Template 4
• Template 5
• Template 6

Categories:( css | css.templates | free.templates)

Sphere It

Umm … Hey Google … umm when I search for [css hacks] I’m NOT looking for counter strike source hacks (css-screenshot.jpg).

Categories:( google | css)

Sphere It