Today I was practicing front-end development, so that I thought that it would be a good idea to share some of what I learned about mobile first approach and bootstrap in a small article so you can benefit too.
Let's get started ..
The mobile first approach looks at designing a website for a mobile device first. So consider how you would satisfy the screen constraints of your mobile device. And then as your screen size expands, you would automatically start an app to your website to the larger and larger screen sizes.
The answer for this question is simple: mobile design is more limited. So if you start from a small screen you can focus in the main and important features that could fit a mobile screen, then perhaps you're willing more and more of the content. So as to take advantage of the increasing screen real estate, which means the same website when seeing on a mobile device might have only parts of the information being revealed to the user. But then when rendered on a full fledge desktop it might show a lot more detail version of the website.
In addition, starting your website with mobile first and focusing more in the mobile design will make your website reachs more people because people tend to play more with their phone and we have 3.80 Billion phone users in the world! and the status of the world market share for mobile:55.77% comparing with Desktop:41.5%.
Fortunately we have many web UI frameworks including Bootstrap to work with the design and apply mobile first approach .. here is a list of some popular UI frameworks:
- Bootstrap 2. Tailwind CSS
- Semantic-UI 4. Foundation
- Material UI 6. Pure
- Skeleton 8. UIKit
- Milligram 10. Susy
- Materialize 12. Pure CSS
so we can create responsive designs with mobile first easily
- What does mobile-first design mean for digital designers?
- Front-End Web UI Frameworks and Tools: Bootstrap 4 Course by The Hong Kong University of Science and Technology - Coursera
- mobile-first responsive web design
- NUMBER OF MOBILE PHONE & SMARTPHONE USERS](Source: https://www.bankmycell.com/blog/how-many-phones-are-in-the-world)
- Number of smartphone users from 2016 to 2021