A List Apart

Menu

Topic: CSS

  • The Way It’s Supposed to Work

    by Erin Kissane · Issue 192 ·

    Groundbreaking accessibility information. Project management and information architecture theory from old-school experts. Plug-and-play solutions to universal design and development problems. Experimental CSS/DOM hacks that use non-semantic elements to do funky design tricks. One of these things is not like the others...which is why we’re introducing a tiny new feature to the magazine.

  • Accesskeys: Unlocking Hidden Navigation

    by Stuart Robertson · Issue 158 ·

    Your favorite applications have shortcut keys. So can your site, thanks to the XHTML accesskey attribute. Accesskeys make sites more accessible for people who cannot use a mouse. Unfortunately, almost no designer uses accesskeys, because, unless they View Source, most visitors can’t tell that you’ve put these nifty navigational shortcuts to work on your site. In this issue, Stuart Robertson unlocks the secret of providing visible accesskey shortcuts.

  • Cross-Column Pull-Outs

    by Daniel M. Frommelt · Issue 190 ·

    Print designers like to wrap text around images that sit between columns. Now you can, too. Daniel Frommelt takes us where no web layout has gone before.

  • Cross-Column Pull-Out Part Two: Custom Silhouettes

    by Daniel M. Frommelt · Issue 191 ·

    The cross-column pull-out gave us a new technique for marking up a layout with a pull-out positioned between columns. Now we examine a variation of the technique for wrapping around the edges of a non-rectangular image positioned between columns.

  • Hybrid CSS Dropdowns

    by Eric Shepherd · Issue 197 ·

    Yup. It’s yet another CSS dropdown article — but one that resolves many problems associated with common dropdown methods and degrades beautifully. Hybrid CSS dropdowns allow access to all pages, keep the user aware of where she is within the site, and are clean and light to boot. It’s a tasty little vitamin pill, so quit sighing and try it.

  • Big, Stark & Chunky

    by Joe Clark · Issue 191 ·

    You’ve designed for the screen and made provision for blind, handheld, and PDA browser users. But what about low-vision people? Powered by CSS, “zoom” layouts convert wide, multicolumn web pages into low-vision-friendly, single column designs. Accessibility maven Joe Clark explores the rationale and methods behind zoom layouts. Board the zoom train now!

  • Bulleted Lists: Multi-Layered Fudge

    by Nandini Doreswamy · Issue 195 ·

    A passion for web standards can become a broken heart when effects that are easy to achieve with table layouts seem to defy the earnest CSS- and markup-conscious designer. Fortunately, new ALA author Nandini Doreswamy loves a challenge. Here she shows how to create two columns of bulleted lists in the flow of text.

  • Spruced-Up Site Maps

    by Kim Siever · Issue 197 ·

    The clean-n-simple site map gets a nice haircut and and a shoe-shine as Kim Siever shows us how to hook custom bullet styles to troublesome nested lists.

  • Complex Dynamic Lists: Your Order Please

    by Christian Heilmann · Issue 200 ·

    Help your site’s visitors reach their goals quickly with a dynamic menu that takes its cue from the Mac OS X Finder.

  • Facts and Opinion About Fahrner Image Replacement

    by Joe Clark · Issue 160 ·

    Fahrner Image Replacement and its analogues aim to combine the benefits of high design with the requirements of accessibility. But how well do these methods really work? Accessibility expert Joe Clark digs up much-needed empirical data on how FIR works (and doesn’t) in leading screen readers.

  • Sliding Doors of CSS

    by Douglas Bowman · Issue 160 ·

    Image-driven, visually compelling user interfaces. Text-based, semantic markup. Now you can have both! Douglas Bowman’s sliding doors method of CSS design offers sophisticated graphics that squash and stretch while delivering meaningful XHTML text. Have your cake and eat it, too!

  • How to Read W3C Specs

    by J. David Eisenberg · Issue 121 ·

    Although they appear maddeningly incomprehensible at first, W3C specifications are actually great sources of information, once you understand their secrets. Learn how to read the specs.

  • Alternative Style: Working With Alternate Style Sheets

    by Paul Sowden · Issue 126 ·

    Build a standards-compliant Style switcher: After explaining the basics of alternate style sheets, Sowden shows how to make them work in IE, Mozilla, and other modern browsers with just a few lines of JavaScript. Use style switchers to make your site more accessible, to facilitate user customization, or to develop creative effects.

  • Why Don’t You Code for Netscape?

    by Jeffrey Zeldman · Issue 129 ·

    Long considered the Holy Grail of web design, “backward compatibility” has its place; but at this point in web development history, shouldn’t we be more concerned about forward compatibility? ALA makes the case for authoring to web standards instead of browser quirks.

  • A Backward Compatible Style Switcher

    by Daniel Ludwin · Issue 136 ·

    You asked for it, you’ve got it: an Open Source alternate style sheet switcher that actually works in Netscape 4. No, really. Daniel Ludwin shows how it’s done.

  • CSS Design: Size Matters

    by Todd Fahrner · Issue 109 ·

    Everything you think you know about controlling text sizes on the web is either wrong, or else it doesn’t work. In this much-bookmarked ALA classic, UI designer and CSS Todd Fahrner provides a way out of the mess by showing how to make CSS font size keywords work – even in stubborn browsers that get CSS wrong.

  • Flexible Layouts with CSS Positioning

    by Dug Falby · Issue 155 ·

    Want to spend less time on CSS hacking and more time on design? Need your site to look as good on a 160x160 PDA screen as it does on a 1024x768 PC monitor? In Flexible Layouts with CSS Positioning, designer Dug Falby shares two techniques for practical grid-building.

  • Build a PHP Switcher

    by Chris Clark · Issue 152 ·

    ALA’s open source style sheet switchers are swell as long as your visitors use compliant browsers and have JavaScript turned on. But what if they don’t? Perhaps, this: Chris Clark tells how to build a cross-browser, backward-compatible, forward-compatible, standards-compliant style sheet switcher in just five lines of code.

  • CSS Design: Mo’ Betta Rollovers

    by Tim Murtaugh · Issue 140 ·

    Design smarter, faster, better rollovers with CSS.

  • Manage Your Content With PHP

    by Christopher Robbins · Issue 148 ·

    XHTML for structured markup. CSS for presentation. What more could you ask? How about an easy way to manage your site, using free, open-source tools? Christopher Robbins shows how to use PHP to build an intro-level, template-driven system that handles site maintenance chores and remembers your visitors’ preferences.

Topics