A List Apart

Menu

Topic: CSS

  • Multi-Column Layouts Climb Out of the Box

    by Alan Pearce · Issue 232 ·

    “Holy Grail,” “One True Layout,” “pain in the @$$”... Alan Pearce presents a cleaner approach to designing multi-column layouts.

  • Faux Absolute Positioning

    by Eric Sol · Issue 261 ·

    CSS layout is awesome, except when your layout calls for a header, a footer, and columns in between. Use float, and content changes can cause columns to wrap. Use absolute positioning, and your footer can crash into your columns. Add the complexity of drag-and-drop layouts, and a new technique is needed. Enter "faux absolute positioning." Align every item to a predefined position on the grid (as with absolute positioning), but objects will still affect the normal flow (as with float).

  • Fix Your Site With the Right DOCTYPE!

    by Jeffrey Zeldman · Issue 142 ·

    You’ve done everything right, but your site is breaking in the latest browsers. A faulty DOCTYPE is likely to blame. This essential ALA article will provide you with DOCTYPEs that work, enabling you to fix your site with just one tag.

  • Zebra Tables

    by David F. Miller · Issue 173 ·

    While misused tables are becoming increasingly rare, the table retains a legitimate role in data formatting. A little CSS and JavaScript magic can make tables better at what they do best: displaying tabular data.

  • Accessible Data Visualization with Web Standards

    by Wilson Miner · Issue 256 ·

    When designing interfaces for browsing data-driven sites, creating navigation elements that are also visualization tools helps the user make better decisions. Wilson Miner demonstrates three techniques for incorporating data visualization into standards-based navigation patterns.

  • Better Living Through XHTML

    by Jeffrey Zeldman · Issue 137 ·

    Everything you wanted to know about converting from HTML to XHTML, including why you’d want to, tools that help, changes in the way browsers display XHTML pages, shortcuts, bugs, workarounds, and other tips you won’t find elsewhere.

  • Version Targeting: Threat or Menace?

    by Jeffrey Zeldman · Issue 253 ·

    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

    by Alex Bischoff · Issue 252 ·

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

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

    by Aaron Gustafson · Issue 251 ·

    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

    by Richard Rutter · Issue 249 ·

    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.

  • CSS @ Ten: The Next Big Thing

    by Håkon Wium Lie · Issue 244 ·

    Ten years ago, Håkon Wium Lie and Bert Bos gave us typographic control over web pages via CSS. But Verdana and Georgia take us only so far. Now Håkon shows us how to take web design out of the typographic ghetto, by harnessing the power of real TrueType fonts.

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

  • Frameworks for Designers

    by Jeff Croft · Issue 239 ·

    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.

  • 12 Lessons for Those Afraid of CSS and Standards

    by Ben Henick · Issue 224 ·

    If you're new to CSS and web standards, you may feel as though you've fallen down a rabbit hole. Ben Henick is here to ease your pain.

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

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

  • A List Apart 4.0

    by Jeffrey Zeldman · Issue 201 ·

    From the crown of its cranium to the tips of its Ruby-slippered toes, A List Apart 4.0 is both old and new.

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

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

  • Sliced and Diced Sandbags

    by Rob Swan · Issue 222 ·

    Wouldn't it be great if there were a way to get text to flow around an irregularly shaped image? Wouldn't it be even better if we could automate the process? Have no fear: Rob Swan is here to show us the way.

Topics