Comments on: Not Just Rectangles Anymore

Not Just Rectangles Anymore

netbros — Thu, 11 Dec 2008 20:28:01 -0800

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges, then copy the generated code to your web site. From the folks at The Idea Shower who brought us Read It Later.

By: ryanrs

ryanrs — Thu, 11 Dec 2008 20:43:46 -0800

Sheesh, those are going to be some annoying web pages.

By: krautland

krautland — Thu, 11 Dec 2008 20:59:26 -0800

oh, that's kinda cool. css today reminds me of the time I first saw quark. you know, cool, now I can do in just ten minutes on the computer what I used to do in two seconds with my pen. good times.

By: maxwelton

maxwelton — Thu, 11 Dec 2008 21:01:38 -0800

You know, there is some potential for awesome, and some³ potential for awful here.

By: Artw

Artw — Thu, 11 Dec 2008 21:23:11 -0800

/views source. What in the fuck?

By: danb

danb — Thu, 11 Dec 2008 21:34:40 -0800

What in the fuck? Yeah, no kidding. Whole shit-ton of tiny little 15px divs? That's about as useful for separating content and style as a steak knife is for splitting atoms.

By: braksandwich

braksandwich — Thu, 11 Dec 2008 21:49:18 -0800

This reminds me of the sort of things we used to do with tables back in the day. Soon enough people will realize that a thousand nested divs is no less hacky and stupid than using tables, web devs will find some other, similar way to abuse markup, all while celebrating their new "div-less layout techniques."

By: finite

finite — Thu, 11 Dec 2008 22:25:15 -0800

I'm not certain about the official position of the Church of our Lord and Savior Separation of Style and Content, but I would hope that degrading gracefully with javascript (their option #3) renders it a forgivable sin. Unfortunately, the alignment breaks when the user adjusts their text size and it stays broken when the size is reset to default (in Firefox 3.0.4, at least) so I'd say that the sensitive artists who need this kind of thing should probably stick with images of text (with lengthy alt attributes) for now.

By: weston

weston — Thu, 11 Dec 2008 23:42:35 -0800

Dunno. I think this is pretty cool if it really really works. Seems source horrors would be mitigated if you choose the javascript options, which will produce the markup madness for you under the hood. But yeah. Images with alt text seem like a decent idea.

By: mandal

mandal — Fri, 12 Dec 2008 01:15:09 -0800

How lovely, the CSS/XHTML methods result in awful source code and the JavaScript method doesn't display any text at all if you have JavaScript turned off (or at least that's what happens on their examples page with it turned off). Here's my plan: I'm going to use this technique to create round headings, then I'll get a 3-D animation of a hand made in Flash, use sIFR to replace the headings with the flash and then have it slap anyone trying to read the page. That's a win, yeah?

By: bwg

bwg — Fri, 12 Dec 2008 03:35:56 -0800

This is the animated gif of CSS.

By: medium format

medium format — Fri, 12 Dec 2008 08:03:48 -0800

css today reminds me of ~~the time I first saw quark.~~ table based layouts. I'm so glad someone has finally figured out a way to put a bunch of excessive, presentational code into my xhtml!

By: device55

device55 — Fri, 12 Dec 2008 09:09:58 -0800

What's wrong with rectangles. I *like* rectangles.