Links to CSS Resources, Tutorials and Other Stuff
As long as this listing may be, I've cut out a lot of stuff. Most of these pages
have links to additional CSS resources. Dig through the links on pages you find
useful. Dig through the links on pages you don't find useful. The idea here is
that these folks have already dug through a lot of pages and found the really good
stuff. Of course, you can always go to Google and
search for: (1) "css tutorial" (947,000 hits); or (2) "css" (13,100,000 hits), as I
did just out of curiosity one rainy day.
And please remember that poorly constructed markup (HTML or XHTML) will often play
havoc with your CSS. If you need help with your markup, some of the links on my
Web references page may help.
(Although that page is long past due for an update...after I finish this one.)
The check mark indicates either (1)
sites that I personally have found very helpful or (2) sites that a lot of other folks
involved with CSS often refer to.
- Cascading Style Sheets —
A b-i-g list of "CSS Authoring Tools" from the W3C.
- Crimson Editor — Excellent text
editor, and it's free! Lot's of features, including a macro tool and the ability to
highlight specific parts of your code with different colors.
- CSS Authoring Tools — An
extensive list from the W3C.
- JustStyle CSS Editor
- NoteTab — Text editor. This is the one I
keep coming back to. Three versions: free, standard and pro. (You need the pro version
to color your code.)
- Standards-
Compliant Authoring Tools
- Style Master —
Cascading Style Sheet (CSS) Editor
- Style Studio CSS Editor — "CSS
Editor, css validator, css tutorial, style sheets tips and more!"
- TopStyle — CSS, XHTML and
HTML editor.
For HTML authoring tools, check
here.
Back to Menu
Check the "companion" Web sites for errata. On many of these books, you can
also download code for the books' examples.
- Books — A list
from the W3C.
- Briggs, Owen et. al., Cascading Style Sheets: Separating Content from
Presentation, 2nd Edition, Apress, 2004 This new
edition contains a separate chapter on styling tables.
Companion Web site.
- Godin, Seth, The Big Red Fez, Fireside, 2001."How To Make Any Web
Site Better." (No companion Web site that I could find.) — Web marketing is
not my bag, so I haven't read this one. It has gotten very good reviews and is
often mentioned on mailing lists when people ask for book recommendations.
- Krug, Steve, Don't Make Me Think: A Common Sense Approach to Web
Usability, New Riders, 2000. Here's the
author's Web site.
- Meyer, Eric A., Cascading Style Sheets: The Definitive Guide,
2nd Edition, O'Reilly, 2004. Just published. This
is the one book to own if you own only one! (The first edition has been my
"bible.") Companion Web
site.
- Meyer, Eric A., Eric Meyer on CSS: Mastering the Language of Web
Design, New Riders, 2003. Relatively expensive, full-color volume of
various projects in which the author takes us step by step from raw HTML to
finished CSS-styled page. Worth the price, but save it for later.
Companion Web site.
- Meyer, Eric A., More Eric Meyer on CSS, New Riders, 2004. A
sequel to the previously listed item.
Companion Web site.
- Shafer, Dan, HTML Utopia: Designing Without Tables Using CSS,
Sitepoint, 2003. A CSS "cookbook" with many examples. Very complete appendix
listing CSS properties and values. (Unfortunately, the worst index I have ever
seen in a professional, technical publication. As do many technical publications,
the book has its own Web site. There is an "Errata" section. To my amazement, one
year after its publication, there is nothing in this section. I have just begun
this book and have found several errors, mostly in mislabeled figures. I list this
book here, my negativity notwithstanding, because it has gotten good reviews and
is mentioned positively on CSS mailing lists.)
Companion Web site.
- Zeldman, Jeffrey, Designing With Web Standards, New Riders, 2003.
Considered by many to be essential reading. Zeldman provides a keen insight into
the need for Web standards. He also covers XHTML, CSS and the problems in dealing
with today's browsers. Written with a sense of humor.
Companion Web site.
Back to Menu
Dealing with Internet Explorer
- CSS tests — Covers some of the
Win/IE's CSS incompatibilities.
-
"Escaping Margins" bug [#1]
- "Escaping Margins" bug
[#2]
-
Explorer 6
Duplicate Characters Bug
- Explorer Exposed! --
a roundup of bugs in IE's implementation of CSS
- Float:
The Bugs (The IE float model)
- IE 5/Win: "moving"
margins [#1]
-
IE 5/Win: "moving" margins [#2]
- IE7/compatibility/ — "IE7
invokes a DHTML behavior to load and parse all style sheets into a form that
Explorer can understand. You can then use most CSS2 selectors without having to
resort to CSS hacks." I'm not sure I understand this well enough to explain. Take a
look. Has gotten a lot of attention on mailing lists.
-
Multiple IEs in Windows — The various Windows OSs will not let you install
more than one version of Internet Explorer. But if you want to check your designs
against other versions, this site will tell you how to install multiple versions of
IE.
- Multiple versions of IE
- Multiple Versions of Internet
Explorer [on one computer]
-
Side-stepping IE
- Styling
<abbr> in IE
- Toward a
more standards compliant Internet Explorer
-
XHTML and CSS: Testing Multiple Versions of Internet Explorer
Back to Menu
Layout / Positioning
- 3
Column Layout — "any order, fixed-width or liquid flanking columns, liquid
header, full-width footer, absolutely positioned"
-
Advanced CSS Layouts – Step by Step
- Box model bugs
— Very interesting page which demonstrates both Internet Explorer's incorrect
rendering of the CSS box model and the importance of including the
!DOCTYPE declaration to overcome this problem. This page (as I view it
today) does not include the !DOCTYPE, and IE gets it wrong. Save the page on your
system, add the !DOCTYPE declaration and IE's rendering is correct.
- Box Model
Hack — Dealing with browsers which do not apply the CSS "box model"
correctly.
- Colored boxes...
— "...one method of building full CSS layouts....This article explains one
method of building a full CSS layout from start to finish. The method, based on
positioning colored boxes and testing across a range of browsers, can be used to build
a wide range of full-CSS layouts."
- Containing
Floats
- css crib sheet —
"...quirky layout issues...This is an attempt to make the design process easier, and
provide a quick reference to check when you run into trouble."
- CSS Floats, Part I
- CSS Floats, Part
II
- CSS Layouts — "Practical CSS."
This site intends "to stand on the shoulders" of
CSS ZenGarden
by providing an HTML template that anyone can style with CSS. "The CSS Zen Garden
designs are wonderful, but you can't easily apply them to your own website. This
functionality gap is what the Practical CSS project will try to fill."
- CSS layout techniques
- CSS Layout Techniques: for Fun and Profit
— Two-, three- and four-column layouts. Links to tutorials and other
resources.
- CSS Layout Templates
- CSS Page Layout
Templates — "Free Site Templates"
- CSS Positioning —
Often-recommended tutorial.
- CSS-Positioning — "How to
build a Web site without tables."
- CSS Positioning, Part
I
- CSS Positioning, Part
II
- CSS TEMPLATES —
text in German but useable examples with CSS code provided.
- Dead Centre
— Center a "box" vertically on a page. The page contains an explanation of how
this is done, but "View source" may add a little more.
- (Examples of CSS layouts)
— "I built the following templates for use on dynamic web sites and portals. The
CSS is very generic, object-oriented, and designed for database-driven applications."
Layouts from simple to complex. To get at the code, you'll have to "View Source" and
then dig through the various stylesheets. Worth the effort if any of these layouts
are what you're looking for.
-
Exploring the Limits of CSS Layout — Maybe the title should be "Exploring
Some of the Limits..." This is a publisher's Web site, laden with ads and
promotions. But the article is worth a read.
- Faux Columns
— "[C]reate a layout with two equally tall columns when a unique background
color is desired for each column." Useful technique to overcome the CSS limitation
of making columns no taller than they need to be to contain their content.
- Flexible Layouts
with CSS Positioning
- Flexible Layouts
with CSS Positioning
- Floatutorial: Step
by step CSS float tutorial."

- Layout-o-matic
— Online tool to create CSS layouts. You can choose among four layouts: full-
page; two-column, left sidebar; two-column, right sidebar; three-column. Other
options. Download the HTML file with CSS code and HTML intact.
- The Layout Reservoir —
Two- and three-column layouts.
-
Little
Boxes — Examples of sixteen layouts along with the CSS code that makes
them work.
- NN4-compatible XHTML/CSS 3 column
layouts — Netscape version 4.x presents many challenges to CSS coders
because of its poor CSS implementation. It appears that there is a large enough
Netscape 4 audience to warrant articles like this one, which treat one aspect of
dealing with Netscape 4.x. (Netscape versions 6 and 7 are much more CSS
compliant.)
- Page layout using
CSS — "a very simple example." Links to other Web resources, as well.
- Piefecta –
A superb 3-col tableless layout — Mind boggling!
-
Positioning and the Cascade
- Practical CSS Layout
Tips, Tricks, & Techniques — Use CSS instead of tables for layout. Also
brief comments about the
<abbr> and <acronym>
tags.
- Source Ordered
Columns — Three-column layout without (of course!) tables.
- A tableless, CSS-based, liquid,
three-column layout
- vertical and horizontal
centering
- WebDev - CSS Layout
Templates
- Why tables for layout is
stupid — "problems defined, solutions offered." Part editorial, part
tutorial. Emphasizes the importance of "semantic" markup. Clever presentation with
cartoons atop each page.
- XHTML CSS
Layout Templates
Back to Menu
Lots O' Links
- Byronsbyte Bookmarks
- Cool Tools: CSS —
Links to non-CSS resources, as well.
- CSS, Accessibility and Standards
Links
- Felix's Links to Web
Authoring Topics
- Links Page —
Comprehensive list of links to CSS resources. Links to other Web design topics at top
of page.
- Links:
Site_development/Style
- Web
Design References: Cascading Style Sheets — A huge list of links!
Back to Menu
- CodeBitch columns
- CSS tests — Addresses some CSS
problems with IE/Mac.
- Explorer 5
Mac
- MacEdition CSS Guides
— Support for CSS in various Mac browsers.
- Mac IE 5 – problems with css
rendering
- PageSpinner — HTML
editor with CSS support
- Taco HTML Edit
Back to Menu
Mailing Lists and Forums
- Cascading Style Sheets Forum for
Web Site Developers
- css-discuss.org
— A very active mailing list
where you can get help with CSS. Use this page to subscribe.
- css-discuss: last 40
messages — From the "css-discuss" mailing list. To dig more easily into
the archives, you have to
join this list.
(Unfortunately, the "search archive" function is nearly useless.)
-
css-foundations — Not much activity on this list, but there are
knowledgeable people behind it.
- Discussion fora —
from the W3C.
- WebDesign-L.com — Mailing list.
- Web Standards Group
- World Wide Web Mailing
Lists — from the W3C.
Back to Menu
The sites in this section are not less "resourceful" than those in the
Resources section. Sometimes just hard to categorize.
- 99.9% of
Websites Are Obsolete
- The Absolute
Minimum... "...Every Software Developer Absolutely, Positively Must Know About
Unicode and Character Sets (No Excuses!)" — Mostly for programmers, but there is
info here useful to Web page authors.
- Accessibility
Toolbar — The Accessibility Toolbar "is designed to help the user to
interrogate aspects (structure/code/content) of an html document that can have an
affect on the accessibility of that document."
- Bed and Breakfast
markup (B&BR) — Improper use of the
<b> and
<br> tags instead of the correct CSS equivalents.
- Browser Tests
of Entities in 2004 — Which character entities (codes to produce special
characters, such as < or §) work in which browsers.
- Build User-Controlled Style
Sheets for Greater Accessibility — This is a publisher's Web site, laden
with ads and promotions. But the article is worth a read.
- CSS Demos —
Very interesting demos, some of which don't work in IE/Win 6.
- css-edge — Examples of
some very cool "experimental" CSS designs. Most of these demos will not work in
IE6/Win. Get Mozilla.
- CSS Examples #2 — "Note: these
are examples of artwork/layout/interactivity which I observed in other (non-web)
media, and attempted to reconstruct using CSS."
- CSS Filters
— Dealing with inconsistent browser support for CSS.
- CSS Play — "CSS
Play is a collection of webpages that I have made that use Cascading Style Sheets to
achieve some affect." Includes links to other CSS resources.
- CSS
Quiz — A quiz on the basics.
- CSS
signatures — A simple technique which makes it possible for anyone to save a
page that contains a "CSS signature" and then style that page.
- CSS Sprites: Image Slicings
Kiss of Death — For the graphic artist, or those with similar
interests.
- CSS tests
- CSS Tests for
Designers "These pages are designed to test css properties in semi-real
applications, so that designers can actually see them in action in multiple
browsers."
- CSS2 Test Suite:
Prototypical Pages
- css Zen Garden –
Design List
— A collection of
more than 250 CSS'd "versions" of the same HTML markup. Demonstrates very clearly that
there is no one "right" or "best" way to design a page.
- css Zen Garden: The Beauty in CSS
Design — If you want to submit a design to the Zen Garden, this is where you
get the information you need.
- A Dao of Web
Design — "Now is the time for the medium of the web to outgrow its origins
in the printed page. Not to abandon so much wisdom and experience, but to chart its
own course, where appropriate."
- Digital Web Magazine — "...web
designer's online magazine..."
- Examples of sites that
use CSS
- Felix's Annoy Demo
— "How Not to Create a Web Page"
-
How to help and get help online
- How to Hide CSS From
Buggy Browsers
- Images, Tables,
and Mysterious Gaps — Creative use of DOCTYPE to help legacy pages
constructed with tables and images.
- It's the official Tracy Berna
website!
— Very talented lady.
This home page does not use CSS, but the inner pages do — along with other
design techniques. (Tracy assures me she's working to convert this page to CSS, as
well. Just too busy to find the time right now.) But the absolute best site I have
seen that combines simplicity, elegance and effective navigation. Just couldn't resist
listing this site.
- Jeffrey Zeldman Presents the Daily Report
— "web design news & info since 1995"
- liorean@web-graphics.com —
Scripts and CSS "experiments."
- Lorem Ipsum - All the facts - Lipsum
generator — Here's where you can get the text that many Web authors use for
"Greeking" – the use of "temporary text" while you work on your site
design.
- Lynx Viewer — Lynx is
a text- only browser. Use this site to check your pages to be certain that your basic
page design — minus CSS styling, minus graphics, minus colors — presents
the information on your pages in a useable format. You can also download a copy of
Lynx.
- Netscape
DevEdge Redesigns As Standards Showcase — The Netscape team expounds on
their goal of re-designing their DevEdge site to make it standards compliant. They
didn't meet all their goals. Find out why.
- NCI's Accessibility Tutorial for
Webmasters — "Section 508 is intended to ensure that people with
disabilities have equal access to all information provided by federal agencies."
- New Media Matters — Articles on a
variety of Web design topics.
- An Objective Look at Table Based vs. CSS Based
Design — While acknowledging the values of CSS, this author says, in effect,
"Not so fast!" when it comes to throwing out tables altogether for page layout. This
site is a blog. If this
article is not displayed when you get here, search the "Archive." The article's date
is May 12, 2004.
- Picking a Rendering
Mode — The importance of using "DOCTYPE."
- QuirksMode - for all your browser quirks
— "[This site] contains more than 150 pages with CSS and JavaScript tips and
tricks, and is one of the best sources on the WWW for studying and defeating browser
incompatibilities."
- Retooling Slashdot with Web
Standards — Description of the process used to transform the Slashdot home
page, full of nested tables and non-semantic markup, into a standards-compliant, CSS-
based product.
- revised image
replacement
- Stopdesign
| Overused Lists?
- Tricking Browsers
and Hiding Styles
- Web Pages
are not Printed on Paper — "Or how I gave up trying to 'control' web pages
and discovered adaptability."
- Won't somebody
please think of the gerbils? — "...some light reading on the fascinating
subjects of syntax, semantics, structure, validation, CSS, accessibility, and
markup."
- Workers of the Web, Evolt! — A potpourri of
articles about various aspects of Web design.
Back to Menu
Links in this category are often a potpourri of material. You may find: tutorials,
links to other resources, links to software tools.........
- Advanced HTML, CSS and DHTML
— Tutorials, scripts and other resources.
- A List Apart
— Many articles by many different
authors on just about any topic relating to Web site construction and design.
- Basic Tips.com — "Article and tips
for Webmasters"
- Brainstorms and Raves — A
potpourri of CSS information, articles and links. As an aid to accessibility, the
author uses the HTML "accesskey" attribute and provides extensive commentary on its
use.
- Cascading Style
Sheets
- Cascading Style
Sheets: Other Resources
- Code Style: CSS Style Guide
Section — "The Code Style style guide section aims to make the [CSS]
learning process a little easier by illuminating specific areas of CSS in
detail."
- CSS — Eric Meyer: CSS
- CSS, Accessibility and Standards
Links
- CSS Articles and Tutorials
— A List Apart's CSS articles
grouped by category.
- css-discuss: Front Page
— Many brief articles on
various CSS topics. This site is a
wiki.
- CSShark answers Frequently Asked
Questions — Much more than just a FAQ site. Lots of other useful
resources.
- CSS HTML XHTML Reference
Book — Companion Web site to the book. Several excellent resources here,
including (X)HTML elements and attributes; CSS properties and values. But IE6/Win does
not do a good job of rendering these pages. Get
Mozilla.
- CSS Online Resources
— from the W3C.
- CSS Panic
Guide
- CSS Pointers Group — A whole bunch of CSS
resources, including example pages, CSS code examples and articles on a variety of
topics.
- CSS
Resource Guide
- CSS Software, Resources, Learning
— Commercial site (Westciv).
But it almost seems that helping us learn is secondary to their selling efforts.
Lots of free learning here.
- CSS Stylesheet Browser —
"...allows you to...bring up a list of stylesheets used by the page. From this list
you can view the code, open up the stylesheets with your registered CSS application,
toggle whether they are enabled/disabled, change them and add in new stylesheets of
your choice." Requires IE/Win 5 or above.
- CSS Tableless Sites
— Links to 900
(as I type this) sites which use CSS. (This should keep you busy for a while.)
- [CSS] Tips — Be sure to
look at the amazing (to me at least) "CSS House" demo. Sections on CSS, HTML,
Photoshop and PHP.
- CSS Vault: The Web's CSS Site —
Examples of many CSS-designed sites as well as numerous articles.
- css Zen Garden –
Resource Guide
- DevGuru
CSS2 – Index — Extensive listing of CSS properties, possible values
and examples of code usage.
- Experimental Css design
— "This is My quest to learn new
and exciting ways to use CSS. I've taken up inventing designs but for which I have no
idea how to implement them, other then showing them here."
- Guide to Cascading Style
Sheets
- How To Create — "Teaching you
how to create web pages....Teaching you how to produce web pages that everyone can
use."
- HTML and CSS Tutorials, References, Articles and
News
- HTML Help... — "...by the Web Design
Group." Lots of useful tools here. The HTML and CSS validators are sometimes more
helpful than those provided by the W3C.
- Index DOT CSS —
"The Advanced CSS Reference"
- Links and Discussion...
"About the Best CSS Resources Available on the Web"
- the noodle incident
- NYPL: Style Guide: CSS — A
widely recognized resource from the New York Public Library.
- Paper? We don't need no
stinking paper: Online resources
- /* Position Is Everything
*/
— "[W]e built this site to
explain some obtuse CSS bugs in modern browsers, provide demo examples of interesting
CSS behaviors, and show how to 'make it work' without using tables for layout
purposes." Many excellent CSS resources here: Tutorials, articles, links.
-
Protagonist Web Resources : XHTML/CSS/XML — Other resources available on
the Web resources home
page.
- Real World Style — "css layouts,
tips, tricks, and techniques"
- SelectORacle —
"English and Spanish translations of CSS3 selectors." Type in any selector and the
"oracle" will explain it in plain language.
- SitePoint — "Empowering Web
Developers Since 1997." Publisher's site, so lots of promotional material. But also a
lot of tutorials and articles dealing with many different aspects of Web site
creation.
- SitePoint Newsletters
- Style-sheets.com — A whole bunch
of CSS resources, including an editor, validator, tutorial and many articles.
- W3C Core Styles — "The W3C
Core Styles offer authors an easy way to start using style sheets without becoming
designers. By adding a link in the head of your documents, a CSS browser will fetch
the style sheet of your choice from W3C's server when it encounters your document. A
non-CSS browser will display the HTML document like it always did."
- W3Schools Online Web Tutorials —
Tutorials, quizzes, examples and reference pages. Covers many, many topics relating
to Web site creation and design. Much too much to list here. Take a look.
- WebsiteTips.com —
"Websitetips.com, an educational resource, provides CSS, HTML, and XHTML tutorials,
graphics tutorials, articles, tips, information and resources to build or improve your
Web site presence."
- Web Standards Group –
Resources
- Web Style Sheets — The "Home Page" of
the W3C's CSS section.
- Whitespace — Many articles on
CSS, site design, programming, Web business...
- World Wide Web Consortium
— The organization that publishes
Web standards. Many resources here, from tutorials to mailing lists and newsletters to
details of the various standards (e.g., HTML, CSS) the group promulgates.
Back to Menu
Styling:
- Frames without frames —
Don't let the unstyled introductory page deter you from digging into this.
Back to Menu
- CSS
Links Styles
- CSS
Uberlinks — Tutorial on CSS rollover links.
- Horizontal
Menus— Instead of using
{display: inline}, the
author uses the float property to achieve this goal.
- Issues
Arising From Arbitrary-Element Hover — I guess we could call this one
"
{:hover} is nice but think twice."
- Link
Specificity — re: pseudo-class link selectors
Back to Menu
- Listutorial: Step by
step CSS list tutorial
—
"simple tutorials on CSS based lists." First of three tutorials on increasingly
complex list creation.
- Taming Lists
Back to Menu
- CSS Designs: Going to
Print
- Print
Different
- Print It Your Way
Back to Menu
Site Navigation
- Mountaintop
Corners — Rounding off the corners on navigation tabs.
- Rounding Tab
Corners
-
Simple CSS Tabs
- Sliding Doors of CSS
— Styling navigation "tabs."
- Suckerfish Dropdowns
— Drop-down menus. Deals with Internet Explorer's buggy CSS
implementation.
Back to Menu
- Advanced
Tables Tutorial — Tables are for displaying tabular data. Here are some
ideas for using CSS to style them.
- Creating
Structured Tables
- CSS-TD
— Tutorial on using CSS to style tables.
Back to Menu
- Felix's Own Web
Authoring Topics & Tools — A bunch of pages devoted to the choices we
can make in choosing font sizes for our pages.
-
Font
Size Intervals — "Toward a standard font size interval system" –
Written with CCS1 in mind, but still worth reading for extensive discussion of font
issues in Web design.
- Let Users Control Font
Size (Alertbox Aug. 2002)
- What's Wrong With FONT?
Back to Menu
- Abandon tables,
simplify design with CSS — A brief overview of the advantages of
CSS-based layout over table-based layout.
- Anthony's
Cascading Style Sheets 2 Tutorial
- Complete
CSS Guide — WestCiv
- CSS — "This is chapter
2 of the book Cascading Style Sheets, designing for the Web, by Håkon
Wium Lie and Bert Bos (2nd edition, 1999, Addison Wesley, ISBN 0-201-59625-3)."
- CSS: An
Introduction — "Beginner tutorials for CSS"
- CSS Examples
— Online editor which allows
you to change existing examples of CSS code and HTML markup and see the results
immediately. Great tool for learning the basics.
- CSS from the
Ground Up — This page contains parts ten thru twelve of this tutorial
series. To get to the earlier installments and the introduction, use the links on
the left side of the page. (The earlier segments don't contain links to the later
segments.)
- CSS Tutorial — A lot
of information, but also a lot of ads.
-
CSS
Tutorial Part II - Page 1 of 5
-
CSS
Tutorial Part II - Page 2 of 5
-
CSS
Tutorial Part II - Page 3 of 5
-
CSS
Tutorial Part II - Page 4 of 5
-
CSS
Tutorial Part II - Page 5 of 5
- CSS Tutorials —
Several tutorials on various aspects of CSS. The author describes them as
"beginner" or "intermediate" level.
- Dave Raggett's
Introduction to CSS
- HTMLCenter –
Tutorials - CSS
- Mulder's
Stylesheets [CSS1] Tutorial
- Starting With HTML +
CSS — from the W3C.
- Tutorials — CSS1, CSS2 and
HTML4
- Web Building Tips
— "This is a collection of tips about HTML, CSS, JavaScript, and other Web
development and design issues."
- Westciv Self-paced
Courses
Back to Menu
Tutorials: Other Specific Topics
- Boxing with CSS, Part I: The
Theory
- Boxing with CSS, Part II:
No Margin For Error
- CSS-Based
Separators — Creating a
<hr> effect with using
<hr>
- CSS shorthand properties
– an introduction
- Drawing with
CSS "How to Draw Simple Charts Using Basic CSS Elements"
- Exploring Footers
- Facts and Opinion About
Fahrner Image Replacement — One of the issues with "image replacement" is
accessibility through screen readers. Links on this page to several screen readers.
- Fast rollovers,
no reload needed
- Fixing Your Site With the
Right DOCTYPE
- Image replacement
decision grid
- Making Alternate Style
Sheets Work — Alternate stylesheets provide, well, alternate styles for your
pages. You can make it possible for viewers to choose different font sizes, different
colors, different...
- Navigation tstme — Three
examples: (1) CSS rollovers; (2) Using
{float} to create three
columns; (3) rounded corners for your "boxes" — both with and without
borders.
- Revised
Image Replacement
- Rounded Corners —
Rounded corners without using images: XHTML only.
- Selectutorial: CSS
selectors

- Semantic Structure
— Poorly constructed markup (HTML or XHTML) will often play havoc with your CSS.
This page will give you some pointers.
-
Simple
CSS drop shadows
- Styling Form
Widgets — Over-styling forms can compromise their usability.
- Styling
<hr>
- Table designs based on CSS
and DIV elements — The title should say "table-like" designs. The article
describes a technique for using CSS to a layout that looks like it is done
with
<table>.
- A Touch of Class
— Don't use CSS classes in places where valid semantic markup would do the
trick.
- W3C buttons without
images — This technique can be used to create many different kinds of
buttons – not just W3C.
-
Writing Efficient CSS — Just what it says: How to make your CSS code more
efficient (i.e, smaller).
Back to Menu
- CSSCheck — WDG's (Web
Design Group) CSS validator. I find that this validator sometimes provides more help
than the W3C validator when the code won't validate.
- W3C CSS Validation Service
- W3C Markup Validation Service — Check
your HTML code.
- WDG HTML Validator — I
find that this validator sometimes provides more help than the W3C validator when the
file won't validate. (To validate files located on your computer, use
this link.)
Back to Menu
Web Standards
-
Developing With Web Standards
- How to Read W3C Specs
— Help in deciphering the World Wide Web Consortium's standards documents.
(Don't leave home without it!)
- Index of the HTML
4 Attributes — Extensive details from the W3C. Look here to find out what's
been deprecated.
- Index of the HTML 4
Elements — Extensive details from the W3C. Look here to find out what's been
deprecated.
- The Learning
Curve of Web Standards
- The Kit — Links to two
documents and a Web standards glossary. One of the articles is a short Web
standards "primer." The second article treats Web standards in more depth.
- redemption through standards
-
A Roadmap to Standards — "[T]his is a comprehensive, informal, and
somewhat long-winded roadmap for anyone who has heard about web standards, thinks
they might want web standards, but doesn't know where to start."
- Semantic
Coding
- Web
standards. — "They're big, dumb, and they don't work. Yet, they persist.
Why?"
- Web
standards are not easy
- The Web Standards Project — "is a
grassroots coalition fighting for standards that ensure simple, affordable access to
web technologies for all." Often referred to as "WaSP."
- Web Standards
Reference Links
- Web Standards Resources
Back to Menu
Updated: June 15, 2004.