Comments on: CSS 3 Flexible Box Model

By: wuwei

wuwei — Tue, 10 Nov 2009 07:05:20 +0000

January 1999 Motorola 328cAlthough plus size mother of the bride dressesthe first flip phone in should be sooner, but this clamshell phone is just an integrated microphonemother of bride dresses is not in the usual sense we are now referred to flip.Column Strapless Satin Tulle Wedding Dress Most of the time we are actually referring to folding clamshell handsets, but Motorola's first cheap prom dressesclamshell phone is the famous "palm-sized" - 328c. The phone is the beginning of in the domestic market and ghetto prom dressescan be received in English and Chinese text, but it does not support sending text messages in Chinese, which is sorry. Column Satin Organdie Lace Wedding DressHowever, clear call quality and handsome appearance are popular at the time this phone place.wedding dress

By: WebReflection

WebReflection — Tue, 25 Aug 2009 08:41:27 +0000

CSS3 is becoming the most redundant layout definition language ever. I do like new features, I dislike multiple declaration for the same thing and the same behavior.

By: ssssssssssss

ssssssssssss — Mon, 24 Aug 2009 15:41:46 +0000

Something taken from XUL

By: simon000666

simon000666 — Mon, 24 Aug 2009 08:13:20 +0000

@iliad

I totally agree. I’m fed up with this attitude of: “hey we’ve got a problem – I know lets just throw new properties at it until it works”.

At this rate CSS is on course to join php or rails with a count of 700+ functions.

Refactor? Anyone?

By: timcameronryan

timcameronryan — Sun, 23 Aug 2009 19:09:47 +0000

A while back, I worked on a way to implement CSS-level flexible properties using JavaScript. It yielded some rather successful results across the major browsers, including IE6-8:

http://code.google.com/p/jslayout/

Internet Explorer is of course the slowest of the bunch, but I optimized the code to take as few measurements as possible and the speed is definitely tolerable (even with animation such as splitters or resizing a window).

Considering there’s now a spec for flexible properties, it’s possible (in combination with a CSS parser) this could be adapted to implement a Flexible Box Model in IE without much trouble. Of course one’s layout would still have to support a non-JavaScript fallback, but the benefits might be worth it.

By: slightlyoff

slightlyoff — Sun, 23 Aug 2009 18:55:29 +0000

Jordan1:

I’ve played with a JS implementation for use in Dijit on and off for a while, but like CSS selector engines, it’s not the kind of thing I think we can ship until it’s fast enough so you don’t notice it and aren’t afraid to use it. The root problem is that it’s a 2-pass layout algorithm which is certainly fast enough on Spider Monkey/JSC/V8, but doing the measurements and layout in IE via JScript is…well…painful. It’s maybe the next big challenge for some enterprising JS dev.

Iliad:

Using margins to center only gets you so far, since it’s based on knowing the width (even in relative terms) of the content. The hbox/vbox system frees you from having to know or think about any of that. In that sense, you don’t need to use vboxes with hboxes at all, so you *can* use it as an extension of the current model (although given the advantages of hboxes, i’m not sure why you would).

Regards

By: Nosredna

Nosredna — Sun, 23 Aug 2009 15:42:29 +0000

Can also use this for AIR and Titanium projects, I assume, which are both webkit-based.

By: okonomiyaki3000

okonomiyaki3000 — Sun, 23 Aug 2009 14:27:08 +0000

@iliad

I agree. There should be a way to get this layout to be more or less usable in IE. That should be the goal. Not “exactly the same as”, not even “almost as good as”. It should be possible to make stuff that’s just barely usable in IE and brilliant in everything else. This should be the goal.

By: iliad

iliad — Sun, 23 Aug 2009 13:11:54 +0000

I actually don’t care that much if IE implements it. As long as it’s not a work related project my new attitude is actually “if it doesn’t work in IE, well, sucks for anyone using IE”.

In any case, this is some very interesting stuff, but to be honest it looks a bit convoluted. Why couldn’t they extend the current system to allow for this.
For example, setting left and right margins to auto centers elements horizontally, why shouldn’t setting top and bottom margins to auto do the same but vertically? Why did they need to go an invent a whole new system for something so basic.
Similarly with flexible elements that stretch to fill remaining space – wouldn’t something like “display:flex-block” make more sense?

By: Jordan1

Jordan1 — Sun, 23 Aug 2009 12:57:02 +0000

Until someone writes a HTC behavior to mimic the model on IE…