Web Development Examples and Tutorials

This is a collection of articles related to web development technologies, most of them related to questions from vistors to #html on Undernet IRC.

CSS

Here you will find CSS tricks and tips, mostly derived from problems I needed to solve at one time or another, or questions that I had from vistors to #html on Undernet IRC.

DIV and SPAN

The differences between <div> and <span> aren't readily apparent to the untrained eye. This simple example should make it more apparent.

Centering Content

<DIV ALIGN="CENTER"> is dead. So is the use of tables to position non-tabular content. Unfortunately, current browsers don't always correctly implement the new CSS techniques for centering, and even when they do it's not readily obvious how to do it (at least, it wasn't for me). This page shows how to accomplish centering.

DHTML

Soon, this will be an index page for the numerous DHTML examples on this site. I've got a lot of little examples and test pages lying around where I've figured out little problems or shown someone how to accomplish this or that effect. As I gather them up, figure out what I was trying to do, and update them for XHTML/DOM, I'll post them here.

Hide and Show Layers

The dynamic hiding and showing layers is commonly used for DHTML menus and rollover information boxes. This simple example shows how it's done.

Dynamic Content

The HTML DOM as implemented by Mozilla (and thereby Netscape 6) and IE 5 and later allows for the dynamic insertion of HTML code.

Option Copy

This example comes from a problem that I had to figure out when I wanted to move information from one list to another one as I clicked on items in a list. It also has other applications, as it shows how to move information into and out of a select control dynamically.