Archive for the Regions Category

Adobe’s Web Platform team recently showcased a prototype demonstrating the future of digital layout on the web using content provided to us by National Geographic. Although the experience is fully responsive (meaning it adapts to screens of all sizes), we decided to push things a little further by creating an entirely new — and much... Continue reading →

CSS Regions allows you to define where your content flows, as opposed to blocking out where your content should not flow. Indirect CSS gives you many tools for defining where your content flows. But the tools available so far are indirect. You can use a float to say “don’t flow in this area.” Or you... Continue reading →

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 →

Fidus who? Remember the SourceFabric team from a while ago? Well, not only their BookJS project is coming along nicely, but it’s also been picked up by other projects. The latest of them is Fidus Writer. In a nutshell, Fidus Writer is Google Docs meets LaTeX (for mortals). It takes the nice ideas of LaTeX... Continue reading →

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 →

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 →

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 →

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 →

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 →

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 →