Resources
An attempt to link you up with the most essential content online, meaning, beyond the buzz & related philosophy. Just the things you can use directly on any page you're working on.
- ↕ [X]HTML : general resources
- XHTML Tutorial
- …at W3 Schools. Essential and easy, with full tag lists, examples, attributes information and more.
- XHTML1.0 Element Attributes by DTD
- Cheatsheet, very useful.
- Fix Your Site With the Right DOCTYPE!
- Jeffrey Zeldman at ALA explains and provides copy and paste doctypes.
- The ‘link’-Element in (X)HTML
- Portal page, all information on using the <link /> tag online.
- ↕ CSS : general resources
- All CSS properties listed alphabetically
- Index DOT Css by Brian Wilson. Not a day will pass without you referring here, essential.
- ↕ CSS : basic techniques
- Faux Columns
- Dan Cederholm explains a simple technique to extend a column background(color) alongside another.
- Fast rollovers without preload
- Pixy's indispensable technique - css only - to have a link change its background-image with only one image. Simple, no delay.
- Listamatic
- There's a long established consensus lists are the way to go for navigation on a site. Listamatic is an excellent showcasing of how that can and is being done around.
- Containing floats
- Thé primer on the use of ‘float’ by Eric Meyer. You need to understand it when using floats; they're bound to trigger browser issues and do unexpected things. This will help you understand.
- Pure CSS Popups
- More Eric meyer. On css/edge he lays down some stunning css techniques, no javascript required.
- Using background-image to replace text
- Douglas Bowmans primer on replacing text with background images. While technique described is outdated, it explains the need, way to go about in general and ends with alternatives plus their pro’s and con’s.
- Working With Alternate Style Sheets
- At ALA, Paul Sowden provides a cross-browser way to dynamically switch between alternate style sheets.
- ↕ CSS : layout examples
- Glish.com CSS layout techniques
- Eric Costello provides some rocksolid layouts
- Box lessons
- Owen Briggs famous set of testcases. Not meant as a how-to (still good as such), but rather to index browser issues and providing workarounds for those.
- Layout Reservoir
- More options at Bluerobot.
- Real World Style
- Mark Newhouse.
- css Zen Garden
- One .html file, countless .css files, showing off how that one page can be styled completely different by using css.
- ↕ CSS : filters, fixes & hacks
- Box Model Hack
- The most critical bug in IE5 (on Windows) and 6 when in quirks mode, misunderstanding the box model. Tantek Çelik lays down the workaround.
- Whatever:hover
- Peter Nederlof provides a fix for IE, use :hover on any element, by means of a .htc file. Indispensable.
- Styling <abbr> in IE
- Marek Prokop has a javascript solution to IE’s lack of support for the abbreviation tag.
- /* Position Is Everything */
- Big John and Holly Bergevin explain essential browser bugs, and how to work around them.
- CSS-only Filters Summary
- Provide specific browser with specific css, huge browser comparison on what rules are accepted by many, many browsers.
- CssHack
- Overview and explanation of most used css hacks at css-discuss, including discussion and more links.
- ↕ Accessibility : general
- 30 days to a more accessible web site
- Mark Pilgrim’s must-read primer/online book on accessibility. Easy, understandable, you’ll feel enlightened.
- Accessify
- Accessibility news, but also a pile of resources to create an accessible website. Required resource.
- Accesskey standards
- Richard Rutter at Clagnut on a possible standard for accesskeys.
- ↕ Extra : validation services
- (X)Html validator, CSS validator, Link checker
- W3C’s markup & css validation service, and link checker.
- Bobby, Cynthia Says
- Check accessibility issues and compliance with Section 508 and the W3C’s WCAG 1.0.
- Color Blindness Check
- Q42’s color blindness simulator.
- ↕ Extra : online tools & other stuff
- Lipsum generator
- Create blocks of ‘Lorum Ipsum’: dummy text to fill up a design, show off a font etc.
- Automatic Enkoderform
- Prevent spam, enkode your email in a piece of javascript; free service by Automatic.
- squidfingers
- Awesome patterns to use as background image!