Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Implementing methods for CSS Regions

Implementing methods for CSS Regions

Problem

I was playing around with CSS regions: http://www.w3.org/TR/2012/WD-css3-regions-20120503/

document.webkitGetFlowByName("myFlow")
=> WebKitNamedFlow

However, none of the JavaScript API/methods work. This might be a naive question, but I'm really interested in using the proposed JavaScript API. Any thoughts on how one might implement it? This presentation page highlights the specific methods for named flows that I'd love to use: http://html5-demos.appspot.com/static/html5-therealbleedingedge/template/index.html#13

Thank you!

Problem courtesy of: zallarak

Solution

CSS Regions development is still a work in progress.

The latest updates are currently available only in WebKit nightly builds. If you're using Google Chrome, please note that CSS Regions needs to be manually enabled. Type "about://flags" in the address bar, enable the CSS Regions flag and relaunch the browser.

Google Chrome has some features trickled in but most are in an intermediate state because of the Webkit forking schedule Google has.

You can run the CSS Regions feature detection tests and see what's working on your environment.

At this point CSS Regions is still in development and some features will change slightly in the coming weeks.

The CSS Regions samples may help you experiment with the features. The samples are all expected to work with the latest Webkit nightly build.

Solution courtesy of: Razvan Caliman

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Implementing methods for CSS Regions

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×