This is really interesting. Apart from the specific patterns (which are also interesting), I like how they put the focus on content by reducing chrome, moving content forward, and encouraging exploration.
Recently I was exploring some preliminary ideas of designs also focused on reducing chrome and encourage exploration:
- Design concept: https://commons.wikimedia.org/wiki/File:Chrome-less_exploration_designs.pdf - Prototype (zoom out a bit if not on a tablet): http://pauginer.github.io/prototypes/related-content/desk/index.html
I already have May investigating the dynamic type size for mobile, but
theres no reason it couldn't be used on desktop too.
If we finally add some responsive supporthttps://www.mediawiki.org/wiki/Requests_for_comment/Grid_system to MediaWiki, targeting styling for different screen sizes should be simple. That applies not only to font size but also to other properties. The LESS preprocessor support in MediaWiki helps also to easily adjust style for different screen sizes (provided that breakpoints are defined). For example:
#bodyContent {
@media @palm {
font-size: 20px; } @media @desk { font-size: 16px; } @media @billboard { font-size: 200px; }}
Pau
On Thu, Jan 9, 2014 at 1:40 PM, Nick White nick.white@durham.ac.uk wrote:
On Thu, Jan 09, 2014 at 11:28:47AM +0000, Nick White wrote:
On Wed, Jan 08, 2014 at 09:59:07PM -0800, Steven Walling wrote:
I think you'll be able to see it with
http://www.nytimes.com/2014/01/09/
nyregion/christie-aide-tied-to-bridge-lane-closings.html?_r=0
I can't see that, unfortunately, just a log in page. Perhaps because I'm outside the USA.
OK, I found the cause of the problem. You have to accept cookies from nytimes.com to be allowed to view the site.
Design mailing list Design@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/design