here are a few examples (tested in the latest version of all the major browsers):
Resize the window to see the responsiveness of the system.
The way I see it, internet/computer speeds are fast enough these days that if you can specify a layout system that works exactly how you want it to, and will render the same across all platforms, in under 50kb, why not? Why remain a slave to the major browsers ability to implement a system that was poorly designed in the first place?
The most powerful part of this system is that anytime I want a new feature, I can simply implement it myself: I don't need to wait for the next CSS spec. And so far, in addition to designing my spec in a way that actually makes sense, I've added some very useful features not found reliably in CSS, such as:
The ability to easily align any element (including text) inside any other element, top/center/bottom, left/center/right.
The ability to float elements inside a parent from the left, right, top, or bottom. Furthermore the ability to stack the elements into the smallest possible space
The ability to set an element to fill remaining space in the parent, or split the space evenly with other filling elements.
When setting widths/heights in percentages, the ability to specify percent of width, height, or of the smallest dimension (%w, %h, %s), allowing easy creation of square elements.
The ability to easily set elements to be spaced apart evenly.
So what are you're thoughts on this method. Any possible pitfalls? Documentation for all of the features, as well as the source code are on github.