As you could see the mobile browsing increasing day by day. So what are the best practices needed to build a scalable web application that can be browse-able on mobile.? Though the best practice similar to desktop based browsing one important thing we need to keep in mind is mobile networks have high latency than the wired broadband connections. It is also running on low processor and limited screen size. ·
http://bigdatanerd.wordpress.com/2012/01/20/mobile-website-performance-best-practices/
As you could see the mobile browsing increasing day by day. So what are the best practices needed to build a scalable web application that can be browse-able on mobile.? Though the best practice similar to desktop based browsing one important thing we need to keep in mind is mobile networks have high latency than the wired broadband connections. It is also running on low processor and limited screen size. ·
http://bigdatanerd.wordpress.com/2012/01/20/mobile-website-performance-best-practices/
While the tutorial goes over the construction of the experience, this article will take a look at the responsive/UX considerations of the demo. To do this, I’ve created a feature on the demo that annotates (almost) every element on the page, explaining why the element exists on the page, and also what was considered when incorporating the element into the design. You can toggle annotations by clicking the red area that says “Annotations Off”, which is either fixed in the bottom right corner of the demo on larger screens, or below the site footer on smaller screens. ·
http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/
While the tutorial goes over the construction of the experience, this article will take a look at the responsive/UX considerations of the demo. To do this, I’ve created a feature on the demo that annotates (almost) every element on the page, explaining why the element exists on the page, and also what was considered when incorporating the element into the design. You can toggle annotations by clicking the red area that says “Annotations Off”, which is either fixed in the bottom right corner of the demo on larger screens, or below the site footer on smaller screens. ·
http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/
Media queries may be responsive design's secret sauce, but we know there's a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first responsive design, we'll uncover the principles of adaptive design and highlight some considerations for creating contextually-aware Web experiences. We'll go over emerging mobile Web best practices and responsive patterns that can assist in our journey toward a future-friendly Web. ·
http://vimeo.com/55076713
Media queries may be responsive design's secret sauce, but we know there's a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first responsive design, we'll uncover the principles of adaptive design and highlight some considerations for creating contextually-aware Web experiences. We'll go over emerging mobile Web best practices and responsive patterns that can assist in our journey toward a future-friendly Web. ·
http://vimeo.com/55076713