A List Apart


Topic: Browsers

  • Conflicting Absolute Positions

    by Rob Swan · Issue 241 ·

    All right, class. Using CSS, produce a liquid layout that contains a fixed-width, scrolling side panel and a flexible, scrolling main panel. Okay, now do it without JavaScript. By chucking an assumption about how CSS works in browsers, Rob Swan provides the way and means.

  • Text-Resize Detection

    by Lawrence Carvalho, Christian Heilmann · Issue 223 ·

    Chris Heilmann and Lawrence Carvalho serve up a way to detect your visitors' text size settings using JavaScript.

  • Cross-Browser Variable Opacity with PNG: A Real Solution

    by Michael Lovitt · Issue 156 ·

    Think you’re stuck with wimpy GIFs and their rigid binary transparency? Well, think again, Sunshine. Michael Lovitt shows how to overcome flaky browser support for PNG so you can take advantage of this graphic format’s lossless compression, alpha transparency, and variable opacity.

  • Accessible Web 2.0 Applications with WAI-ARIA

    by Martin Kliehm · Issue 235 ·

    Our web applications can suffer from inaccessibility problems due to inherent markup limitations. Martin Kliehm helps us sort through the WAI specs for Accessible Rich Internet Applications (ARIA) to increase usability.

  • Cross-Browser Scripting with importNode()

    by Anthony Holdener · Issue 234 ·

    Anthony Holdener explores the world of XML DOM support for web browsers and presents a new technique for cross-browser scripting.

  • Retooling Slashdot with Web Standards

    by Daniel M. Frommelt · Issue 164 ·

    A look at the markup behind Slashdot.org demonstrates how simple and cost-effective the switch to a standards-compliant Slashdot could be. (Part I of a two-part series.)

  • Switchy McLayout: An Adaptive Layout Technique

    by Marc van den Dobbelsteen · Issue 229 ·

    The introduction of new mobile and computing devices challenges us to look beyond the liquid layout. Marc van den Dobbelsteen offers a way to bring appropriate layouts to a wider range of screens and devices.

  • Bye Bye Embed

    by Elizabeth Castro · Issue 219 ·

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

  • ALA’s New Print Styles

    by Eric Meyer · Issue 203 ·

    Print away, you fiends! Eric Meyer presents the ALA 4.0 print styles and discusses the challenge of translating a complex screen layout into a well-designed and useful printed page.

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

    by J. David Eisenberg · Issue 75 ·

    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.

  • Pocket-Sized Design: Taking Your Website to the Small Screen

    by Jorunn D. Newth, Elika Etemad · Issue 187 ·

    Among the many websites that are out there, few are standards-compliant. Among those few, only a handful sport style sheets adjusted to the needs of handheld devices. Of those which do offer styling for handhelds, not all will fit the smallest, lowest-resolution screens without presenting the user with the ultimate handheld horror: namely, horizontal scrolling. This article presents a set of general suggestions for creating a handheld-friendly style sheet that works well even on handheld screens no wider than 120px.

  • Flash MX: Clarifying the Concept

    by Joe Clark · Issue 143 ·

    In a detailed survey, accessibility obsessive Joe Clark evaluates Flash MX (authoring tool and player) in the context of the often confusing WAI and Section 508 guidelines, finds some things to cheer about, and draws a roadmap for future improvements.

  • CSS Sprites: Image Slicing’s Kiss of Death

    by Dave Shea · Issue 173 ·

    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.

  • What the Hell is XML?

    by Troy Janisch · Issue 132 ·

    Attention, content managers, developers, site owners and designers: XML is here, and the time to start using it is now.

  • 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.

  • 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!

  • 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.

  • Build a Cross-Platform Testing Station in Mac OS

    by Paul Sciortino · Issue 139 ·

    Everybody talks about cross-platform testing, but nobody’s shown how to do it on a nuts-and-bolts level. Until now. Sciortino’s comprehensive tutorial for Mac-based web designers will set you up with the testing platform of your dreams.

  • 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.