- From: Håkon Wium Lie <howcome@opera.com>
- Date: Thu, 23 Jan 2014 22:53:38 +0100
- To: Alan Stearns <stearns@adobe.com>
- Cc: "www-style\@w3.org" <www-style@w3.org>
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