A List Apart

Menu

Topic: Browsers

  • Put Your Content in my Pocket, Part II

    ·

    Screen size matters. And now that Apple is embedding mobile Safari in more iPods than the iPhone alone, it matters even more. Concluding his remarkable two-part series, Craig Hockenberry covers the down and dirty details of designing and coding with the iPhone (and its brethren) in mind.

  • Conflicting Absolute Positions

    ·

    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

    ·

    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

    ·

    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

    ·

    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()

    ·

    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

    ·

    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

    ·

    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

    ·

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

  • ALA’s New Print Styles

    ·

    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

    ·

    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

    ·

    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

    ·

    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

    ·

    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?

    ·

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

  • Accesskeys: Unlocking Hidden Navigation

    ·

    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

    ·

    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

    ·

    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

    ·

    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

    ·

    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.