Adobe's CSS regions make it to WebKit

Adobe has begun putting its money where its mouth is when it comes to improving web page design.

CSS areas

Adobe's CSS Regions and CSS Exclusions technology lets text flow within defined regions or around defined regions.
(Screenshot by CBS Interactive)

Today, the first bit of Adobe-written code landed in the WebKit browser engine project, an early step to try to bring magazine-style layouts to web pages using an extension to today's CSS (Cascading Style Sheets) technology. Adobe calls the technology CSS Regions.

The move begins the fulfilment of a plan that Adobe announced in May: to build the technology into WebKit and — if the company can persuade others to embrace it — to further Adobe's ambition to standardise the advanced CSS layout mechanism.

WebKit is the browser engine within Apple's Safari and Google's Chrome, among others, but inclusion in the software doesn't guarantee that those browsers will adopt it. Google, however, is helping to shepherd the technology, so it seems likely that at least Chrome will get it, and inclusion in the main WebKit code base makes it easy for others to do so.

CSS — in particular, the present CSS3 version under development — is a major frontier for more sophisticated web pages. Recent CSS advances include downloadable fonts and animations that can move elements around a web page, and hardware acceleration arriving in browsers is making its use faster and less battery-taxing.

Adobe's move is notable, given how important a competing technology, its own Flash Player, is to the company. Adobe argues that it's a toolmaker that offers multiple tools, but the WebKit work signifies a more active role in web technology. The WebKit contribution shows that it's putting a priority on improving web publishing's foundations.

Mihnea Ovidenie, part of Adobe's Romania-based WebKit team, contributed the CSS patch, and Google Chrome programmer Kent Tamura approved it. The patch itself is very basic — just a WebKit build system update to allow people to enable or disable the CSS feature.

For those who don't want to wait for all of the patches to be approved in WebKit, Adobe makes a custom version of WebKit available on Adobe Labs for those who want to try CSS Regions and its close cousin, CSS Exclusions.

Web standards are developed through a push-me-pull-you method, with browser makers introducing new technology at the same time that standards groups try to settle it down. That can produce some chaos, but it also ensures that web developers have had a chance to test the ideas in the real world before they get baked into a standard.

CSS areas

Adobe's proposed CSS extensions would, among other things, let web developers confine text to a specific shape.
(Screenshot by CBS Interactive)

CSS areas

Text can reflow automatically across multi-column layouts, adjusting as the window size changes. Could InDesign end up the next Dreamweaver?
(Screenshot by CBS Interactive)


Add Your Comment


Be the first to comment on this story!

Post comment as

Sponsored Links

Recently Viewed Products