One of the primary goals of Edge Code is to grow with the web. Since the web is constantly evolving that means we get opportunities to add support for new features and expose them in a way that makes them easy to use. One example we’re excited to share today is our support for CSS Regions.

What’s CSS Regions?
Create a magazine-like experience on the web. CSS Regions allows you to define how text should flow between elements giving you control over where and when text breaks. When the user changes their browser window size or looks at your content on different screen sizes, text is treated to the same fluidity as print-based layouts. CSS Regions is now available in Safari on OS X “Maverick” and iOS 7.
CSS Regions + Edge Code
With the latest version of Edge Code, you get code completion for all of the CSS region properties including flow-into and flow-from. You’ll also get code completion on any CSS region flow you previously defined. If you’re looking for more information about how to use CSS Regions, you can call up the documentation from WebPlatform.org by pressing Ctrl/Cmd + K when your cursor is on one of the CSS regions properties.

Inline documentation for new CSS Regions properties flow-into and flow-from.
Inline documentation for new CSS Regions properties flow-into and flow-from.

To get started, check out CSS Regions examples on codepen.io that you can use in your Edge Code projects. You can test your content on Safari in iOS 7 and OS X “Maverick”.