Hi Niels, Thanks for popping in, very insightful links.
BTW the GSoC title says "Responsive skin" ; but in terms of implementation I have nothing against what LukeW calls "RESS" (http://www.lukew.com/ff/entry.asp?1392) which basically says it's OK to have some part of templates be device specific. The only issue is that AFAIK there's no mature open source server side device detection library available just yet. There are some available based on regexes, but they mostly will recognize a mobile UA ; not tablets or TV or etc. There are more advanced detection possible with things like WURFL http://wurfl.sourceforge.net/, but their data is not open. Jerome On Sun, May 20, 2012 at 12:40 AM, Niels Mayer <[email protected]> wrote: > For a truly responsive skin, might be interesting to consider some > design alternatives to the traditional -- such as "windows metro" : > http://en.wikipedia.org/wiki/Metro_(design_language) > > One could, for example, use the notion of partially clipped text on > the left and right sides of the page to indicate that the mobile > screen could be swiped left or right, thereby exposing parts of the UI > that couldn't fit on a small screen. This could be used to hint at > presence of left/right side-bar content of a normal XWiki page, even > when displayed on a small screen. > > Alternatley, the technique could also be used to break up a > traditional wiki document of linear sections, into a "metro style > panel" of horizontal pages. So in order to read within the section, > you'd swipe downward till you hit bottom of the section. But there'd > be a hint of the section header following and preceding to the right > and left. To go to the new section of a document, you'd therefore > sweep rightward; to go to previous you'd sweep left. > > The following document talks about going from "website to metro-styled > app" but the same concept could be used to use a skin to transform > existing Wiki/Website layout to a mobile-friendly metro-styled design: > http://msdn.microsoft.com/en-us/library/windows/apps/hh868264.aspx > > Some examples: > http://conversations.nokia.com/ > http://justinangel.net/ > http://justinangel.net/Windows8MetroBlog > http://css.dzone.com/articles/html5css3javascript-framework > http://www.behance.net/gallery/Metro-Style-Website-Template/3281283 > http://theinspirationroom.com/daily/2011/microsoft-research-20-years/ > > -- Niels > http://www.nielsmayer.com > _______________________________________________ > devs mailing list > [email protected] > http://lists.xwiki.org/mailman/listinfo/devs -- Jérôme Velociter Winesquare http://www.winesquare.net/ _______________________________________________ devs mailing list [email protected] http://lists.xwiki.org/mailman/listinfo/devs
