A List Apart

Menu

Topic: HTML

  • They Shoot Browsers, Don’t They?

    ·

    Version targeting will allow Microsoft to reach new heights of standards compliance where CSS and (especially) scripting are concerned. But to benefit from it, developers must explicitly opt in. That’s just not right, says Jeremy Keith. And it’s doomed to fail, because standardistas, by their very nature, will refuse to opt in.

  • Version Targeting: Threat or Menace?

    ·

    Version targeting shakes our browser-agnostic faith. Its default behavior runs counter to our expectations, and seems wrong. Yet to offer true DOM support without bringing JScript-authored sites to their knees, version targeting must work the way Microsoft proposes, argues Jeffrey Zeldman.

  • Keeping Your Elements’ Kids in Line with Offspring

    ·

    Alex Bischoff introduces Offspring, a JavaScript library bringing the power of advanced CSS selectors to browsers that can’t quite handle the real thing.

  • From Switches to Targets: A Standardista’s Journey

    ·

    Grab your galoshes and walking stick and follow along with A List Apart’s Eric Meyer as he considers the vices and virtues of version targeting as a standards toggle.

  • Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8

    ·

    For seven years, the DOCTYPE switch has stood designers and developers in good stead as a toggle between standards mode and quirks mode. But when IE7, with its greatly improved support for standards, “broke the web,” it revealed the flaw in our toggle. The quest was on to find a more reliable ensurer of forward compatibility. Is version targeting the answer?

  • How to Size Text in CSS

    ·

    It’s a tug-of-war as old as web design. Designers need to control text size and the vertical grid; readers need to be able to resize text. A better best practice for sizing type and controlling line-height is needed; and in this article, Richard Rutter obligingly supplies one.

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

  • Frameworks for Designers

    ·

    Frameworks like Rails, Django, jQuery, and the Yahoo User Interface library have improved web developers’ lives by handling routine tasks. The same idea can work for designers. Learn how to harness the power of tools, libraries, conventions, and best practices to focus creative thought and energy on what is unique about each project.

  • Setting Type on the Web to a Baseline Grid

    ·

    As web designers, we sometimes may feel we’re on a relentless journey to bridge the gap between digital and traditional processes. Wilson Miner brings us one step closer by offering up a way to work with typographic baselines on the web.

  • Semantic Flash: Slippery When Wet

    ·

    Love it or hate it, Flash has become a fixture of modern web design. Author Dan Mall cuts through the misconceptions to show us how Flash can be used to enhance our standards-based web designs. (“Shiny floor” standards-friendly Flash project included.)

  • Quick CSS Mockups with Photoshop

    ·

    It may seem like we’re trying to party like it’s 1999, but rest assured, we’re not. Casper Voogt shows us a way to use Photoshop, ImageReady, and slices to produce mockups that utilize clean XHTML and CSS.

  • How to Grok Web Standards

    ·

    For designers who find web standards as easy to grasp as a buttered eel, Craig Cook shows how to stop the hurting and turn on the understanding. Learn how web standards work, and why they are more than simply an alternative means of producing a visual design.

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

  • Super-Easy Blendy Backgrounds

    ·

    Gradients: a nutritious part of your Web 2.0 breakfast. Wouldn’t it be swell if you could get all that goodness without opening Photoshop every time you needed a little gradient bliss? Matthew O’Neill explains how you can.

  • Long Live the Q Tag

    ·

    IE/Win’s lack of support for the Q tag has stymied fans of semantic markup. Stacey Cordoni offers a CSS-based workaround.

  • Bye Bye Embed

    ·

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

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

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

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

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