W3C home > Mailing lists > Public > www-style@w3.org > January 2014

Re: [css-regions] responsive and semantic use of named flows

From: Brad Kemper <brad.kemper@gmail.com>
Date: Sun, 26 Jan 2014 16:54:20 -0800
Cc: Alan Stearns <stearns@adobe.com>, "robert@ocallahan.org" <robert@ocallahan.org>, "www-style@w3.org" <www-style@w3.org>
Message-Id: <F31963EB-990B-44A1-B10A-2A8136F39F27@gmail.com>
To: Håkon Wium Lie <howcome@opera.com>

On Jan 26, 2014, at 12:28 PM, Håkon Wium Lie <howcome@opera.com> wrote:
> 
> Hello Brad,
> 
>> There is nothing I see in the regions spec that prevents flexible
>> or adaptive layouts,
> 
> I'm happy to be proven wrong on my predictions. How would you use
> Regions to create a flexible and adaptive presentation of the example
> in the WebPlaform article?
> 
> -h&kon

Sorry, I lost track of which article you mean. But in general, to create an adaptive flexible layout out of existing content, I would use existing methods to do so (use whatever boxes are already in the HTML, maybe add some more boxes using ::before and ::after) or use something like Grid to generate new boxes as needed. 

Then I'd flow the content between the boxes in the way that suited me. 

Then I'd use whatever means I can (which have nothing directly to do with Regions) to make it adapt to different devices. That would include media queries, auto and/or percentage widths, floats (including page floats, perhaps), etc. 

For mobile phones, I might even flow multiple non-siblings parts into a single 1-col box, and hide or collapse away their original boxes. 

Maybe for printing on a standard size page (selected with media queries) I could turn the first page of the each article into a fancy layout with multiple boxes (created via Grid, let's say) and the text flowing through them (flowing into multi-col on subsequent pages, if there is more to show) and a big page floated figure on page one. 
Received on Monday, 27 January 2014 00:54:50 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:39 UTC