Responsive design with mobile first and disabled javascript -


i'm trying figure out how streamline development process responsive design. standard way design mobile first using media queries going mobile desktop sizes.

the issue i'm seeing supporting ie7 , ie8. solution going to, use response.js. supporting disable javascript? there i'm not seeing?

edit: know super small percentage of users have js disabled. it's requirement project.

mobile first follows path of graceful degradation. put simply, "we provide backward support point only, or nothing". , older browsers, will nothing. path of polyfills, patches , workarounds scripts trying do.

on other hand, progressive enhancement caters basic functionality browser can do. it's "we support latest support". trying do, , should doing.

so let's exploit fact css cascading. use fixed or fluid layout, responsive layout. browsers don't understand media queries disregard it, leaving fixed or fluid styles shine through.

mobile browsers support media queries or have js turned on. wap browsers live happily fluid layouts.


*for js, 95% of users have js on. other 5% people

  1. have outdated browsers (mosaic?)
  2. are not desktop browsers @ (crawlers, proxies, scrapers)
  3. wap browsers (except browsers opera mini run few js on load)
  4. and paranoid people fear js.

*now, how of actually browser? #3 , #4. chances it's ie? 1/3? what's probability of hitting 1/3 of half of 5% of population in order use pure css, no js approach?

don't rely on fact possibilities exist. extreme situations in real world, happen 1% out of billion. people ux say: demographics.

*exaggerated estimates


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -