robertogreco + mobilefirst + web   3

The Road To Resilient Web Design – Smashing Magazine
"In this context, Mobile First is less about mobile devices per se, and instead focuses on prioritising content and tasks regardless of the device. It discourages assumptions. In the past, web designers had fallen foul of unfounded assumptions about desktop devices. Now it was equally important to avoid making assumptions about mobile devices.

Web designers could no longer make assumptions about screen sizes, bandwidth, or browser capabilities. They were left with the one aspect of the website that was genuinely under their control: the content.

Echoing A Dao Of Web Design, designer Mark Boulton put this new approach into a historical context:
Embrace the fluidity of the web. Design layouts and systems that can cope to whatever environment they may find themselves in. But the only way we can do any of this is to shed ways of thinking that have been shackles around our necks. They’re holding us back.
Start designing from the content out, rather than the canvas in.

This content‐out way of thinking is fundamentally different to the canvas‐in approach that dates all the way back to the Book of Kells. It asks web designers to give up the illusion of control and create a materially‐honest discipline for the World Wide Web.

Relinquishing control does not mean relinquishing quality. Quite the opposite. In acknowledging the many unknowns involved in designing for the web, designers can craft in a resilient flexible way that is true to the medium.

Texan web designer Trent Walton was initially wary of responsive design, but soon realised that it was a more honest, authentic approach than creating fixed‐width Photoshop mock‐ups:
My love for responsive centers around the idea that my website will meet you wherever you are — from mobile to full‐blown desktop and anywhere in between.

For years, web design was dictated by the designer. The user had no choice but to accommodate the site’s demand for a screen of a certain size or a network connection of a certain speed. Now, web design can be a conversation between the designer and the user. Now, web design can reflect the underlying principles of the web itself.
On the twentieth anniversary of the World Wide Web, Tim Berners‐Lee wrote an article for Scientific American in which he reiterated those underlying principles:
The primary design principle underlying the Web’s usefulness and growth is universality. The Web should be usable by people with disabilities. It must work with any form of information, be it a document or a point of data, and information of any quality — from a silly tweet to a scholarly paper. And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large.
"
jeremykeith  webdev  mobilefirst  webdesign  design  web  accessibility  mobile  2017  timberners-lee  markboulton  trentalton  ethanmarcotte 
april 2017 by robertogreco
Yiibu - About this site...
"The site is designed using the ‘mobile first’ principle. Also incorporated are elements of responsive design.

The base content and default presentation are mobile, and optimized for the very simplest devices first. We've defined this as 'basic' support.

Devices with small screens and media query support are served an enhanced layout—and occasionally—more complex content. We've called this 'mobile'.

Finally, the layout and content are enhanced to reflect the 'desktop' context.

On the first visit, the server checks for a 'properties' cookie containing specific browser 'feature support' results (obtained from tests carried out by a little bit of JavaScript). Devices that don't supply a 'properties' cookie, or have JavaScript disabled are always served the basic version of the site."

[See also http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu AND http://www.metaltoad.com/blog/stop-you-are-doing-mobile-wrong AND http://www.lukew.com/ff/entry.asp?933 ]
mediaqueries  mobilefirst  responsive  webdesign  web  mobile  html5  standards  browsers  adaptive  yiibu  mobileweb  webdev  via:preoccupations  development  design  usability  ux  progressiveenhancement  browser  from delicious
october 2010 by robertogreco
Stop! You are doing mobile wrong! | Metal Toad Media
"For as long as mobile sites have been around the conventional wisdom has been: build your website first and then create a mobile site as an add-on; creating a distilled, streamlined version of the desktop site. This makes sense, no? A few weeks ago I discovered that we've been doing it wrong*. Here's why:

Mobile devices will outpace traditional computers.
Devices with fewer capabilities need to be the default.
There is no mobile…"

[See also http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu AND http://yiibu.com/about/site/ AND http://www.lukew.com/ff/entry.asp?933 ]
iphone  mobile  drupal  ipad  tutorials  development  web  glvo  webdev  mobilefirst  via:preoccupations  mobileweb  design  webdesign  usability  ux  mediaqueries  progressiveenhancement  from delicious
october 2010 by robertogreco

Copy this bookmark:



description:


tags: