Re: [css-flexbox]

On 1/14/16 2:05 AM, "Florian Rivoal" <florian@rivoal.net> wrote:
>>That's precisely what I am using it for in RWD 'orientationChange'
>>context.
>
>So the markup should match the mobile ordering, since that's the intended
>linear
>reading order, and the desktop styling should use order to put the main
>content
>(which is first in the DOM) in the middle (which is first in perception),
>and move the navigation to its left, where it draws less attention and is
>seen last.

Sure, but it's a bit too simplistic an example to reflect many possible
cases. And I am not suggesting involving the primary landmark elements in
the reordering. (I would not use or recommend flexbox at the body level
like that anyway, due to unnecessary reflows or other possible problems)

The use of flexbox re-ordering is primarily targeted at the content within
those landmarks, or the landmark itself being the flex wrapper. Main
navigation isn't likely to be an issue, as it often turns into a popup
menu, with often a fixed nav position (and where its original desktop
position may not matter that much). Submenus/subnavs within the main
content may however be involved in reordering. For me, the necessity so
far, is a visual reorganization of smaller items, mainly from the main
<header> or in the breadcrumb surrounding area, to keep as much as
possible as the screen shrinks. Which can also involve a few
position:absolute(s) combined with flexbox.

Received on Friday, 15 January 2016 06:21:08 UTC