Cross-Column Pull-Out Part Two: Custom Silhouettes

The cross-column pull-out gave us a new technique for marking up a layout with a pull-out positioned between columns. Now we examine a variation of the technique for wrapping around the edges of a non-rectangular image positioned between columns. But first we need to update the original technique.

Frommelt, Daniel M. List Apart, A (2005). Design>Web Design>CSS

Cross-Column Pull-Outs

Print designers have long relied on the ability to wrap text around anything, most commonly around a picture centered between two columns. This design option has not been available for web designers ... until now.

Frommelt, Daniel M. List Apart, A (2004). Design>Web Design>CSS

Retooling Slashdot with Web Standards

A look at the markup behind Slashdot.org that demonstrates how simple -- and cost-effective -- the switch to a standards-compliant Slashdot could be.

Frommelt, Daniel M. List Apart, A (2003). Design>Web Design>Standards>CSS

Retooling Slashdot with Web Standards Part II

In Part I, we showed how Slashdot could save money and reduce bandwidth requirements by converting to semantic XHTML markup and CSS layout. In Part II, we explore how standards-compliant markup and deft use of CSS could make Slashdot (and your sites) play nicely in print and on handheld devices.

Frommelt, Daniel M. List Apart, A (2003). Design>Web Design>Standards>CSS