Web Platform Team Blog

Adobe

decor

Making the web awesome

Archive for the Regions Category

CSS Fragmentation In WebKit

What is fragmentation? The CSS 2.1 specification defines a box model to represent the layout of a document and pretty much everything is a box. Normal flow nodes (e.g. not absolutely positioned) are laid out child by child starting at the top of their parent element box. If an element’s box is too small to fit all the content,... Continue reading →

Codepen Pattern Rodeo on CSS Regions

Last week a new Pattern Rodeo contest was posted on the CodePen blog. Chris Coyier from CSS Tricks challenged folks to use CSS Regions in their designs. These pens could work with the experimental regions implementations in Chrome Canary or IE10, or use the Regions polyfill in other browsers. Twenty-three people entered the contest. The... Continue reading →

CSS Regions Polyfill

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 →

Video about CSS Regions and CSS Exclusions at Kings of Code

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 →

CSS Regions Auto-size

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 →

More TPAC 2012

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 →

Capitalization change for regionlayoutupdate

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 →

A tale of CSS Regions and CSSOM: moving forward within the web community

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 →