XHTML and CSS Tutorials Rss


Building a Better Blog Part 2: Design and Usability

on Tue May 13 18:30:35 GMT 2008 in XHTML and CSS

If you read my quick article on what to expect from this four part (three parts of actually doing something) series on a better blog, you probably just couldn’t wait for the next part. Well, wait no more because it’s here. In this tutorial you’ll learn just how to create an amazing looking fixed width, two column blog complete with gradients, all CSS, and how to optimize it for both your users and search engines.

HOWTO: Make Your Own Stylish Dark Blog Layout

on Tue May 13 21:08:25 GMT 2008 in XHTML and CSS

Blogs have, in the past few years, become a standard of internet marketing, reputation building, or a place to get thoughts out. Whatever your goal of having a blog, (or weblog or online journal) is, one thing it needs is a stylish layout. That’s exactly what this tutorial serves to teach: how to create a stylish blog layout. This tutorial doesn’t serve to teach new concepts, just to show how to go about creating a very simplistic, very nice looking blog layout and some new tricks to put in your XHMTL/CSS grab bag.

Web 2.0 Layout Mark 2 - More Gradients

on Tue May 13 19:44:08 GMT 2008 in XHTML and CSS

The first Web 2.0 Layout designed by me was primitive at best. With no gradients, annoying colors, and boring design, it left a lot to be desired. That’s where this layout steps in. It brings more to the table in the terms of design and the usability. Overall, when you are done reading the tutorial, you will have yet another easy and good looking layout under your belt.

Designing Your Very Own Web 2.0 Layout

on Tue May 13 22:03:04 GMT 2008 in XHTML and CSS

Web 2.0 is probably a term you’ve heard before many times. With it comes ideas of AJAX, rounded corners and badges. And whitespace. Lots of that. It usually favors the minimalist approach, so we’re going to try to capture this essence in a tutorial here. (Note: No AJAX, No Gradients, or badges. I’m working on that. But does include gigantic footer.)

Making a Two Column Fluid Layout With Rounded Corners

on Tue May 13 22:00:55 GMT 2008 in XHTML and CSS

Taking apart the two column blue layout of the Shadow Fox Network. Learn how to build a full two column layout with rounded corners.

3 Column All CSS Layout With Fluid Center and Two Columns

on Tue May 13 22:17:51 GMT 2008 in XHTML and CSS

A response to the amount of 3 column css fluid width layout tutorials. This will make a 3 column layout with a fluid center and two fixed width sidebars. Uses only 3 divs for the columns and shows how to accurately use the float technique.

How to Center a Layout in CSS

on Tue May 13 22:00:34 GMT 2008 in XHTML and CSS

A very basic tutorial on how to center layouts in CSS. A very useful technique for many layouts.

Basics of Cascading Style Sheets

on Tue May 13 08:27:04 GMT 2008 in XHTML and CSS

This article discusses the very basics of Cascading Style Sheets, or CSS, which are used to style your webpages.