Adobe

decor

Web Platform Team Blog

Making the web awesome

Archive for the Regions Category

CSS Regions and Exclusions on Mobile

It’s very cool to see contributions from Adobe’s Web Platform team land in the release version of Chrome (CSS Regions and CSS Exclusions are both available behind the generic “Enable experimental WebKit features” runtime flag), but I have to say, there’s something extra cool about them showing up in the Chrome Beta for Android. Now... Continue reading →

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 →