Why Mobile-First?

Daily Mobile Users Increase

It is expected that many People would know All the same survey reports that the number of mobile users has greatly increased in the past few years. And will overtake the desktop is certainly not unusual for us to focus on designing for mobile, not less than desktop.

Mobile-First allows us to focus on the Content.

With the limitations of the size of the screen makes it very special designer must pay attention to the content of what is put into design for mobile needs to be as important and necessary only for this reason. Designing for mobile first, it helps us know. "The key" to want to convey to the users know what.

Graceful Degradation vs. Progressive Enhancement

Graceful Degradation is designed for desktop design for mobile first, then later, this approach focuses on leveraging existing technology as much as possible at that time. Then decreased some do not, or not suited to the caveat that the mobile content and functions that need to be full.
Progressive Enhancement is opposed to Graceful Degradation it is designing for mobile first, then the designs for the desktop later this occurred after people saw Graceful Degradation has the disadvantage that we have to decide whether to cut it out some. In turn, the mobile Progressive Enhancement will focus on the content and the most important functions first. Then I think the idea that we can supplement the parts to make it "better" is that although this method would be "difficult", but "if we can be designed to accommodate mobile, we can design to accommodate devices. other "

Media Queries not support all Devices.

We can not "adjust (adapt)" Our web with multiple devices all day, there are many new devices. Who knew that a little more mobile might be a lot different than it is today. Today's landscape May simply be vertical in the future. We have no way of knowing if
What we do is to design a "flow (flow)" to the size difference away. Not to see that the dimension of various devices What are then used as breakpoints in writing media queries to design layouts for a fluid look to be the better choice.
If we design for the mobile web by using fluid layouts we will adjust itself to fit the screen size automatically. However, what we design for mobile would not look good, if in a desktop case, we will use media queries to help "tune" our appearance to the size of the screen by using the "min-width" to. maintain the flow of the style, it's not "max-width".

Mobile-First Code allows shorter.

If you look in terms of code and then it was certainly more complex layouts. The code was indeed more complicated, remember that the html is to say that we have of what the css is intended to indicate that these objects are rendered out, however, so be it mobile, tablet or desktop or html is required. identical What is the difference between the presentation, we will use css to help adjust the display to fit the screen size.
If we write the code starting at the desktop before, chances are high that we will write html unnecessary or css redundant to have in hand, if we start the mobile, which has layouts easier than our code to clean than the html. sufficient for the mobile, it will suffice for the desktop as well, in contrast html for mobile desktop not entirely necessary for us to remember that "html is not intended to aspire to the style".

From 0 to 100 over 100 to 0.

So now expected that everyone would see the advantages of a Mobile-First then yes. But I still think the big to small screen also looks better in it. Another reason is left, that is. We just know that the smallest is 0 pixel, but we never know the biggest if we write media queries by using min-width, we do not need to know that the biggest we'd be compatible with. are needed, but if we use max-width means that we remain attached to the devices, which is not the principle of responsive web design.