Adobe demos its vision for the future of CSS

Adobe has provided further insight into its experimental work with responsive digital layout.

On the Web Platform Team Blog (opens in new tab), Christian Cantrell, engineering manager at Adobe, shows the latest demo, which represents the beginning of a technical and design collaboration with National Geographic The demo explores innovating around web layout while responding to real-world needs of National Geographic’s designers.

For the most part, Adobe’s demo draws heavily on the company’s rich history in print design, bringing conventions such as drop-caps, text columns and complex text-wrapping to the web. The first of those things is realised through the use of CSS Regions; the others are achieved by way of CSS Exclusions (opens in new tab). Adobe also showed off a number of visual effects, along with real-world use for the rather more practical text-balancing proposal (opens in new tab).

In the blog article’s embedded video, Cantrell called the demo a “really great example of the kinds of online experience that we’re going to increasingly see, and that readers are going to increasingly demand, and that Adobe’s contributions to the web platform are going to increasingly enable”.

Although some of the demo will doubtless prove controversial (not least online columns, given that columns originated through a limitation of print primarily concerning the costs of paper), CSS Exclusions and text-balancing could increase scope for rich online layouts that remain relevant to the medium.

To view the demo, you’ll need to run Chrome Canary, with the following runtime flags enabled: Experimental WebKit Features and CSS shaders.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.