Web Platform Team Blog

Making the web awesome

Archive for the Regions Category

Adobe Explores the Future of Responsive Digital Layout with National Geographic Content

Update (5/21/13): To see the mobile prototype, check out Creating an Installed Application Experience on Mobile With Web Technologies. National Geographic partnered with Adobe, sharing select content for Adobe’s use to experiment with digital layout. The results mark the beginning of a technical and design collaboration that will look at innovating around layout while responding... Continue reading →

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 →

Adaptive Web App UI with CSS Regions

By allowing text to automatically flow from one box to another, CSS Regions bring the power and flexibility of complex layout to the web. This makes it easier to build pages with layout similar to traditional newspapers and magazines, but it goes beyond that. A recent code contest with CSS Regions on CodePen showed us... Continue reading →

Regions feature support matrix revisited – keeping it clean

Welcome to the Real World™ A while ago, I wrote a blog post on how we used Browserscope to create a feature support matrix for tracking the level of support for CSS Regions in different browsers. The initial plan was to have both the feature detection tests and the submission mechanism available to the public... Continue reading →

Posted in Regions, Testing | Comments Off on Regions feature support matrix revisited – keeping it clean

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 →

Building the Web of Tomorrow at Developer Week

This past week, I had the opportunity to speak at Developer Week in San Francisco. The talk I gave used some of the work we are currently doing on CSS Regions and Exclusions as an example of how web standards are built, from initial idea, to feature specification, to browser implementation. There is a recording... 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 →

Posted in Regions | Comments Off on CSS Regions Polyfill

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 →