A List Apart

Menu

Topic: HTML

  • Invasion of the Body Switchers

    ·

    Wouldn’t it be great if we could update the classic ALA style switcher to accommodate multiple users and devices, including some that aren’t even traditional browsers, all from a single JavaScript and CSS file? Well, now we can! Enter the Body Switcher.

  • World Grows Small: Open Standards for the Global Web

    ·

    Molly Holzschlag explains how the practices you already use to create standards-based, accessible websites can serve you in the growing field of internationalization.

  • The Accessibility Hat Trick: Getting Abbreviations Right

    ·

    The acronym element is missing in XHTML 2.0. Internet Explorer 6 ignores the abbr element. JAWS doesn’t like dfn. AAA-level compliance requires you to find a solution. Make it work.

  • Prettier Accessible Forms

    ·

    Forms are a pain. You can make them pretty, make them accessible, or go a little crazy trying to achieve both. Nick Rigby offers a happy solution.

  • Sensible Forms: A Form Usability Checklist

    ·

    Sometimes it’s the little things that drive you nuts. As many of us have probably noticed during this season of holiday shopping, usability problems in online forms can be infuriating. Brian Crescimanno helps solve the problem with a checklist of form-usability recommendations.

  • Printing a Book with CSS: Boom!

    ·

    You like microformats? We’ll give you some freakin’ microformats. CSS luminaries Håkon Wium Lie and Bert Bos introduce the boom! microformat and show you how to make book the easy way.

  • In Search of the Holy Grail

    ·

    Just in case you might want a three-column layout that doesn’t require the usual sacrifices, we thought we’d share this technique. Not that you’d want that or anything.

  • Bye Bye Embed

    ·

    Break the chains of <embed> and live free. Elizabeth Castro explains how to embed movies without using invalid markup.

  • Community Creators, Secure Your Code! Part II

    ·

    In part two of his two-part series on protecting your community site from malicious cross-site scripting attacks, Niklas Bivald rolls up his trousers and wades into the JavaScript.

  • Automatic Magazine Layout

    ·

    You can’t always count on having a professional designer around to resize and position your images for you, but you’d rather your page layout didn’t look like it was created by orangutans. Harvey Kane builds a script that makes your life easier.

  • A More Accessible Map

    ·

    Nifty web maps powered by Google and Yahoo! APIs are all the rage. And rage is what a visually impaired user may feel when trying to use them. Is there a way to make beautiful web maps accessible? In a word, yes.

  • CSS Swag: Multi-Column Lists

    ·

    Multi-column lists: can’t live with ’em, can’t achieve perfect bliss without ’em. Paul Novitski offers a staggering six possible methods for accomplishing this commonly requested layout trick. Examine your options and choose wisely.

  • DOM Design Tricks

    ·

    In Part One of a spankin’ new series, Eisenberg shows you, step by step, how to use the W3C Document Object Model (DOM), Style Sheets, and JavaScript to pull off nifty design tricks and add value to your site’s content.

  • DOM Design Tricks III: Using Events in the Document Object Model

    ·

    Be a code wizard ... or, just look like one. In Part 3 of the DOM Design Tricks tutorial series,Eisenberg shows us how to dynamically change text on a page. The theory, examples, and scripts will work in Mozilla and IE5.

  • DOM Design Tricks II

    ·

    Part 2 of this exclusive ALA series shows how to use the DOM’s events and nodes to create nifty interactive menus and more. Design cool stuff while learning about emerging standards.

  • Win the SPAM Arms Race

    ·

    SPAM is evil, moronic, and pervasive, but help is on the way. All it takes is a bit of JavaScript, a smidgen of PHP, and the ten minutes it takes to read this short, sweet tutorial. Reduce dreck mail with Dan Benjamin’s easy-to-implement address encoder.

  • High Accessibility Is Effective Search Engine Optimization

    ·

    It’s no coincidence that search engines love highly accessible websites; in fact, by designing for accessibility, you’re already using effective search-engine optimization techniques. Andy Hagans explains yet another reason to pay attention to accessibility.

  • CSS Sprites: Image Slicing’s Kiss of Death

    ·

    Say goodbye to old-school slicing and dicing when creating image maps, buttons, and navigation menus. Instead, say hello to a deceptively simple yet powerful sprite-based CSS solution.

  • Night of the Image Map

    ·

    CSS design from beyond the grave: all the secret ingredients you’ll need to resurrect the image map using CSS and structurally sensible XHTML.

  • CSS Design: Taming Lists

    ·

    Do you crave the disciplined order of proper (X)HTML lists but long for control over their presentation? You can put a stop to their wild ways and bad behavior. Mark Newhouse shows you how to tame those lists by making them submit to your CSS while maintaining logical HTML structure.