Archive for the Regions Category

Have you been experimenting with CSS Regions and thought “if this could only be available in today’s browsers…”? If so, check out Mihai Corlan’s blog post about CSS Regions Polyfill. While still in its early days, the polyfill already supports some basic CSS Regions functionality and looks promising. Here’s a screenshot of the example from CSS... Continue reading →

In December of 2012 I got a chance to speak at the Kings of Code conference in Amsterdam about digital publishing on the web. My talk touched a bit on the current state of digital publishing for devices and how it got to this point. The bulk of the talk covered the pros and cons... Continue reading →

The CSS Regions implementation in WebKit has grown by an important but less obvious feature: it is now possible to have regions which auto-size themselves based on the constraints of the content that flows inside them. Until recently, elements which are regions – the ones which have the flow-from CSS property – required the developer... Continue reading →

The surprise Every now and then you get to see somebody using your work in totally unexpected ways. Whether it’s a computer case made out of Lego, a prom dress made out of soda tabs or a printed book created entirely using web technologies, it’s always surprising and prompts a “Wow!” moment. We had such... Continue reading →

As Dirk mentioned earlier, we had quite a few people from the Web Platform team at Adobe attend TPAC this year. Here’s my summary of what happened for the Regions and Exclusions specifications at the CSS Working Group meeting. Exclusions Rossen Atanassov from Microsoft led this discussion. The working group resolved to close several old... Continue reading →

If you have been experimenting with CSS Regions in Chrome Canary or some other browser built from WebKit trunk, there has been a minor change you may need to account for. If you have code that used the regionLayoutUpdate event, note that the capitalization of this event has changed to regionlayoutupdate to match other DOM... Continue reading →

Soon after we proposed the CSS Regions in 2011, it became obvious that we have to allow content creators a good APIs for interacting with CSS regions. In this regard, the CSS Object Model (CSSOM) addition to the W3C CSS Regions specification defined the appropriate mechanisms to determine if there are enough regions to flow... Continue reading →

Now that developers and designers can start using CSS regions in WebKit, we decided it was time to give them some developer tools. The web inspector in the latest version of Chrome Canary now has support for: Finding all the named flows in a document. Displaying the content and the region chain for each named... Continue reading →

This week the flags for a number of experimental features were rolled up under a single Chrome flag. The change has already made its way to Chrome Canary builds. To enable CSS Regions in Canary, you now need to turn on the “Enable experimental WebKit features” in chrome://flags. If you’re unfamiliar with Chrome flags, check... Continue reading →

CSS Regions allows you to flow content from one box to another in a region chain. One perennial point of discussion on that specification is just where those boxes come from. Our position is strongly inclusive – we think that you should be able to create a region chain out of any box. This could... Continue reading →