Need help on understanding Mobile First concept

Posted by RhymeGuy on Stack Overflow See other posts from Stack Overflow or by RhymeGuy
Published on 2014-06-01T03:18:49Z Indexed on 2014/06/01 3:25 UTC
Read the original article Hit count: 123

Filed under:

responsive-design

So, I worked on responsive sites before but I'm on my way to build my first responsive site now. I opened some articles on the subject, and boom: Mobile First.. I have no idea how I skipped that concept till now. From the beginning I cant seem to understand whole thing (except that number of mobile devices will take out soon desktop computers) and here is why.

How I'm supposed to know how my site will look for desktop version, if I design it for mobile first? I mean, on the smallest device I will have to eventually hide some content etc, how I'm supposed to know what to hide and move things, when I don't know how the site will look on bigger screen? Isn't stripping the things easier?!?!

For me (right now), the Mobile First concept looks to me like building pyramid upside down.

Related posts about responsive-design

Responsive Design: Media query fix for IE10 on Windows Phone 8

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/07/01/responsive-design-media-query-fix-for-ie10-on--windows.aspxThe version of IE10 on Windows Phone 8 apparently has a bug which results in media queries not seeing the correct device width.This post from Devhammer explains all… >>> More
Search Form in Responsive Design - Remove Search button on Mobile

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm working with a search box in the header of a responsive website. On desktop/tablet widths, there's a search input field and a styled 'search' button to the right. You can type in a search term and either click 'SEARCH' button or just hit enter on the keyboard with the same result. When you… >>> More
Responsive Design: Media Query Bookmarket - shows the applied media queries and current window size

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Originally posted on: http://geekswithblogs.net/ihaynes/archive/2013/06/19/153181.aspxThere are any number of tools for resizing the browser window to check responsive designs. One that stands out for me is the Media Query Bookmarklet from the Sparkbox Foundry. This shows you the currently applied… >>> More
How prevent useless content load on the page in Responsive Design

as seen on Programmers - Search for 'Programmers'
In Responsive Design, we hide elements in the page with @media queries and display: hide in the CSS. Ok, But in my system: Browsers that have less than width: 800px, the layout must hide some content, not only hide, but avoid them load fully. I mean, in access with desktop with more than 800px of… >>> More
Responsive Design for your ADF Faces Web Applications

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Responsive web applications are a common pattern for designing web pages that adjust their UI based on the device that access them. With the increase in the number of ADF applications that are being accessed from mobile phones and tablet we are getting more and more questions around this topic. … >>> More

Developer IT