Helping ordinary people create extraordinary websites!

CSS Tutorials

Basics (3)
Layouts (5)
Menus (1)
Tips and Tricks (9)
Typography (1)


Using CSS fonts via Google Font API
Oct 22nd in CSS Tips and Tricks

Style text on the fly with google CSS Font API
Rating: | Votes: 2
Adding A Flexi CSS Layout To A Dreamweaver Template
Oct 6th in CSS Layouts

In this tutorial we will go through the steps of adding some CSS columns and rows to an existing Dreamweaver Template using the Flexi CSS Layouts extension. We will explain how to customize a standard Dreamweaver template without coding.
Rating: | Votes: 11
Creating A CSS Layout In Dreamweaver from PSD
Oct 6th in CSS Layouts

In this tutorial we will go through the steps of creating a CSS website starting from a layout received from the designer. We will explain how to understand the page structure and how to use the Flexi CSS Layouts to create the CSS layout without...
Rating: | Votes: 24
Creating A 3 Columns Fixed CSS Layout
Oct 6th in CSS Layouts

In this tutorial we will use the Flexi CSS Layouts Dreamweaver extension to create a simple 3 columns CSS layout with a fixed width.
Rating: | Votes: 12
Why CSS is better than tables
Oct 6th in CSS Tips and Tricks

Is CSS a viable option for a web designer that only does small sites, or using tables just fits the bill?
Rating: | Votes: 9
Creating a round corner css website layout
Oct 6th in CSS Layouts

How to build a round corner CSS website with dynamic flash content with Dreamweaver CS5
Rating: | Votes: 14
The Basics of CSS3
Mar 8th in CSS Basics

Last week I posted a CSS3 dropdown menu and someone complained that I didn't explain the CSS code in detail. Well, here is a post on the basics of the new properties: text-shadow, box-shadow, and border-radius. These CSS3 properties are commonly...
Rating: | Votes: 5
Coding a CSS3 and HTML5 One-Page Website Template
Feb 16th in CSS Layouts

Today we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery with the scrollTo plug-in. As HTML5 is still a work in progress, you can optionally download a XHTML version of the template herel.
Rating: | Votes: 5
Horizontal and Vertical CSS Menu Tutorial
Feb 2nd in CSS Menus

This CSS tutorial walks you though the steps needed to create a Vertical Pop Out Menu and a Horizontal CSS Dropdown and Popout Menu.
Rating: | Votes: 5
The Ultimate Guide to CSS Typography
Jan 19th in CSS Typography

Typography is often overlooked in todays design specifically by web developers. It really is a shame because CSS gives us so much control over our type. That being said, we our limited to certain "web safe" typefaces but that shouldn't...
Rating: | Votes: 8