Re: [xwiki-devs] [GSoC] Responsive Skin

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