Re: CSS Regions considered harmful (was: [css-regions] issue 16858 redux)

Alan Stearns wrote:

 > > > [1] http://blogs.adobe.com/webplatform/2013/04/08/adaptive-web-app-ui-with-css-regions/
 > >
 > >It seems this design can quite easily be achived without regions,
 > >here's a version that uses abspos & media queries:
 > >
 > >  http://www.wiumlie.no/2014/regions/uc1-abspos.html
 > 
 > So far you’re comparing apples and oranges. Please try making your mobile
 > view use a slide-out menu that does not obscure or interact with the
 > layout of the main content.

Here's a version that uses page floats:

  http://www.wiumlie.no/2014/regions/uc1-float.html

It works in Opera 12.16 or thereabouts.

 > >It doesn't use JavaScript -- your version seems to rely on JS.
 > 
 > The script is only for the menu interaction, which I believe is an
 > appropriate use of script :)

The transition doesn't happen when I turn off JS in Chrome (Version 34.0.1797.2 dev).

 > >This requrires being able to select element inside pseudo-elements.
 > >Which isn't part of today's specifications, but could be in the
 > >future. It should also be possible to reproduce the layout with jquery,
 > >by selecting elements that do not end up on the first line.
 > 
 > This is what’s done today - script moves elements in the DOM from the nav
 > bar to the menu. As I demonstrated in Shenzhen, this isn’t performant. In
 > general, if you have to rely on script to do your fragmentation it’s
 > probably not worth the bother - particularly on mobile devices.

I think we agree that fragmentation should be natively supported so
that scripting isn't needed.

 > >FYI, your second example bas 18 <script> elements. You may consider
 > >refactoring the code before encouraging people to emulate it.
 > 
 > I believe you’re looking at CodePen source, not the demo source. The only
 > script the demo source has is for menu interaction, again.

I'm looking at the source of this page:

  http://codepen.io/oslego/details/tdHEg

That was the URL you provided and it seems to demonstrate the feature
you describe. It doesn't work without JS. I'm happy to look at other
pages if you have URLs.

Cheers,

-h&kon
              Håkon Wium Lie                          CTO °þe®ª
howcome@opera.com                  http://people.opera.com/howcome

Received on Thursday, 23 January 2014 21:54:12 UTC