I can still remember the day I discovered the <li> tag. It's not that I had never used list items before—I had built plenty of bulleted lists. What I discovered that day was that with a little CSS, the <li> becomes one of the most powerful and versatile tags in a web designer's arsenal. So versatile is the list item, in fact, that you could build and entire website layout out of just <ul> <li> tag pairs. Of course, that wouldn't be semantically correct, but you could do it. This article is a tutorial and a tribute to the amazing <li>.

This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.

dabblet is an interactive playground for quickly testing snippets of CSS and HTML code. It uses -prefix-free, so that you won't have to add any prefixes in your CSS code. You can save your work in Github gists, embed it in other websites and share it with others. Follow @dabblet on twitter

It currently only supports modern versions of Chrome, Safari and Firefox but I'm hoping to expand browser support soon.

It’s handcoded by Lea Verou with care but some other nice folks helped too.

Our print style sheet is a work in progress. The navigational elements it hides double as brand identifiers. An alternate brand ID is needed for printouts. A few additional tweaks and changes would not be amiss. Some rules could be consolidated to save bandwidth. Even so, this first draft print style sheet may help designers who are crafting their own printer-friendly styles.

Can you take a simple list and use different Cascading Style Sheets to create radically different list options? The Listamatic shows the power of CSS when applied to one simple list.

The book begins with the basics of CSS with a special emphasis on common causes of problems, and then covers methods for giving your code the third degree - isolating issues to find the roots of the problems. You'll also get a look at the line-up of usual suspects: the common problems and persistent bugs that are often encountered in CSS.

Finally, you'll put the tools to the test with hands-on cases designed to teach you how to solve CSS problems of your own.

Compiled here is another top 10 countdown. This time we count down the top 10 PSD to HTML conversion tutorials. These top tutorials teach you how to take many different designs in Photoshop, and code them out into HTML and CSS.

This article reviews some important and necessary checks that web-sites should be checked against before the official launch — little details are often forgotten or ignored, but – if done in time – may sum up to an overall greater user experience and avoid unnecessary costs after the official site release.

One of our favorite things about CSS3 is the addition of RGBA, a color mode that adds alpha-blending to your favorite CSS properties. We've kicked the tires on it a bit with our own projects and have found that it helps streamline our CSS and makes scaling things like buttons very easy. To show you how, we've cooked up an example with some super awesome, scalable buttons.

We’ll look at what can be done to style forms in WordPress– which style attributes applied to which form elements will actually give you some sort of customization in almost all OS/browser combinations (with the possible exception of Safari/Camino, and, in one case, Opera.) Results will vary, but with a bit of care you can have your forms looking spiff, if not quite identical, crossplatform. There are also some “caution” signs along the way, areas where, though they can be styled, you will want to watch the results carefully in as many browsers as possible.

Here are 3 awesome ways to use Wordpress’s custom fields.

This is the Chapter II of the Complete WordPress Theme Guide series. This chapter will show you how to build a custom WordPress theme. Although the Codex site provides very good documentations on how to create a theme, but I find it too complicated for a beginner. In this tutorial, I will explain the basics of how WordPress theme works and show you how to convert a static HTML template into a theme. No PHP skill is required, but you need Photoshop and CSS skills to create your own design.

One of my favorite parts of my site’s recent redesign—and the page that I started the redesign with—is the new Portfolio page. This is where the whole “exposed markup” thing came from.

Prince is a computer program that converts XML and HTML into PDF documents. Prince can read many XML formats, including XHTML and SVG. Prince formats documents according to style sheets written in CSS.

notes for a tutorial on designing web pages

@minorjive I've wrestled a lot with IE6 bugs. Here's a helpful link: . Google Eric Meyer ie6, he's a guru.