A List Apart

Menu

Topic: HTML

  • Super-Easy Blendy Backgrounds

    by Matthew O'Neill · Issue 227 ·

    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.

  • Random Image Rotation

    by Dan Benjamin · Issue 160 ·

    Readers return to sites that appear fresh and new on each visit. On a news site, magazine, or blog, stories or headlines will be updated frequently. But how can static sites keep that fresh feeling? Dan Benjamin’s free image randomizer may do the trick, and you needn’t be a programmer to install it.

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

  • Setting Type on the Web to a Baseline Grid

    by Wilson Miner · Issue 235 ·

    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

    by Dan Mall · Issue 233 ·

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

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

  • Quick CSS Mockups with Photoshop

    by Casper Voogt · Issue 231 ·

    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

    by Craig Cook · Issue 230 ·

    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

    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.

  • Invasion of the Body Switchers

    by James Edwards, Andrew Clarke · Issue 189 ·

    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

    by Molly E. Holzschlag · Issue 217 ·

    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

    by Colin Lieberman · Issue 210 ·

    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

    by Nick Rigby · Issue 218 ·

    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

    by Brian Crescimanno · Issue 209 ·

    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!

    by Bert Bos, Håkon Wium Lie · Issue 208 ·

    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

    by Matthew Levine · Issue 211 ·

    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

    by Elizabeth Castro · Issue 219 ·

    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

    by Niklas Bivald · Issue 217 ·

    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.

  • CSS Swag: Multi-Column Lists

    by Paul Novitski · Issue 204 ·

    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.

  • A More Accessible Map

    by Seth Duffey · Issue 215 ·

    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.

Topics