Elsewhere on the 'Net
: Links to interesting stuff on other sites
Table of contents
: Includes browser compatibility chart
Quirks and Strict Mode
: How to trigger them, what the differences are
: Why not to use them
: Explorer Windows only
CSS 2 selectors
: Selects all elements
: Selects direct children of an element
: Selects the next sibling of an element
: Selects an element with a certain attribute value
: Giving an element two or more classes
:before and :after
: Insert content before or after an element
:hover and :active
: Elements with the mouse over them, or active elements
:first-child and :last-child
: Select first and last children of an element
:first-line and :first-letter
: Select the first line or the first letter of an element
: Form elements that have the focus
CSS 2 declarations
: for use with :before and :after
: These allow you to use counters for headings or other elements
: auto, crosshair, default, help, move, pointer (and hand), progress, text, wait
: block, inline, inline-block, none, list-item, run-in, compact, table
: list-style-type, list-style-image, list-style-position
min and max
: min-width, max-width, min-height, max-height
: A sort of border
: visible, hidden, scroll, auto
: static, relative, absolute, fixed
: Dividing a table in columns and applying styles to these columns
Fun with tables
: empty-cells, border-collapse, border-spacing, table-layout
: pre, nowrap
CSS 3 selectors
: Selects the general next sibling of an element
More [attr] selectors
: Selects an element with an attribute whose value starts with, ends with, or contains a certain string.
: Negation selector
: The root element, or initial containing block
: Selects an element that's the current target of a hash in the URL
: :disabled and :checked for form fields
: Empty elements
: To style text selected by the user
: Selects an element that's the only child of its parent
: Selects elements according to a formula
: To define styles for certain monitor sizes
CSS 3 declarations
: The three values of this declaration deconstructed
Multiple background images
: How to define more backgrounds for one element
: How to switch box models
: How to divide a box into several columns
: To overwrite the content of an element, independent of :before and :after
: To allow users to resize an element.
: To define a text shadow
: I speak at some, and attend others
Frequently Asked Questions
: This site is largely, but not entirely, free of copyright. Read about the exceptions.
Table of contents
: How to see if a browser supports a certain object. Use this instead of a browser detect.
: if() and for().
: What are strings and what can you do with them?
: Important in all programming languages.
The this keyword
: How the this keyword works. Currently only treats event handling.
: How to create a popup exactly as you want it.
: How to see what browsers your visitors are using. Why not to depend on this too much.
: How to manage cookies.
Introduction to Events
: General introduction to event handling. Overview. Browser compatibility problems.
: Event descriptions and compatibility tables.
Early event handlers
: Inline model, default actions and preventing them.
: The traditional event registration model that works in all Version 4+ browsers.
: The W3C and Microsoft event registration models.
: How to access the event object.
: How to read out event properties despite serious browser incompatibilities.
: Event capturing and event bubbling. currentTarget
: Some advanced tricks and problems of the mouse events. relatedTarget, fromElement, toElement.
: To keep our sites accessible to non-mouse users we must use non-mouse events in addition to mouse events. Which ones?
: How to detect the keys your users press.
: My utility function for simple unobtrusive event handler creation.
W3C DOM Introduction
: Introduction to the Level 1 DOM. Nodes, walking through them, changing them, creating or removing them.
Level 1 DOM
: How to allow users to edit a text on a page.
: A script that generates a Table of Contents
: A custom script for getting elements by several tag names in the order they appear in the document.
W3C methods vs. innerHTML
: Test script to find the fastest way to write large amounts of content into the page.
Introduction to forms
: How to write a script that checks user input in a form.
: Simple example of a script that checks user input in a form.
: How to show and hide form fields based on user actions.
: An example script for the way in which the W3C DOM may radically change the interaction of a site.
: How to write error messages next to the form field they apply to.
Introduction to Range
Level 0 DOM
: What a Range is and how you can use it.
: General info about the DOMs; history. The Level 0 Document Object Model, for mouseovers and form checks.
style vs. className
: Test script to find the fastest way to change the style of elements.
: How to get the true position of an element on the page.
: How to get the default styles of your page.
Change style sheet
: How to change an entire style sheet.
: Which elements allow you to set opacity.
Styling an input type="file"
Drag and drop
: A drag and drop script that's keyboard accessible
: The functions I always use
: How the site navigation works
: Part of the introduction
Table of Contents
The eight example scripts
: Links to the working versions and the scripts in text format; lists of the pages where aspects of these scripts are discussed
: All URLs from the book in handy Web link format
The Rules of the Game
: A general introduction to the Dutch political system
The Ins and Outs
: The three large parties and their dance around the centre of power
: The political system that ruled from 1900 to 1970. Short history.
: Dutch election results 1977-present, with a rough indication of where the parties
stand on several issues