Home How Adobe Plans to Enable More Fluid Web Layouts With CSS Regions (Video)

How Adobe Plans to Enable More Fluid Web Layouts With CSS Regions (Video)

In its ongoing quest to help publishers and designers adapt print-style layouts to the Web across devices, Adobe has admittedly run into a few limitations. As powerful as HTML and CSS are, they don’t yet offer the means to create layouts with unlimited flexibility like print designers can.

Not content to settle for what’s possible, Adobe has recommended some specifications to the W3C that will allow CSS to create much more fluid, flexible layouts.

CSS Regions is a module that builds on the column-based layout options now available in CSS3 to enable front-end developers to flow text across different columns (or “regions”) on a page. This allows for more dynamic page designs, which can shapeshift to fit different devices and device orientations on-the-fly.

The CSS Regions standard recently made its way into both the WebKit browser engine project and latest Chromium release, and will also be supported by Internet Explorer 10.

Another improvement to CSS proposed by Adobe is called Exclusions, which lets developers flow text into a non-rectangluar shape, or to wrap it around graphics on the screen, much like what’s been possible in desktop publishing for decades. Check out the video below for examples of these new standards at work.

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.