Have you heard the phrase “you have to design for mobile first?”

Yeah… I hear that a lot. Normally, I work with desktop proofs (So design mockups made to show what the desktop version looks like) and I work my way DOWN. Mobile first means I start with the mobile design, and work my way UP.

Totally opposite approach.

So I searched for tutorials and articles on designing for mobile first.

Here’s what I found.

 

Google: “how to design mobile first”

https://www.uxpin.com/studio/blog/a-hands-on-guide-to-mobile-first-design/

https://www.justinmind.com/blog/complete-guide-to-mobile-first-design/

https://www.searchenginewatch.com/2019/03/05/mobile-first-design-for-2019/

https://www.topcoder.com/your-guide-to-mobile-first-design/

https://designshack.net/articles/mobile/mobilefirst/

https://opensenselabs.com/blog/articles/mobile-first-design-guide

https://www.forbes.com/sites/forbestechcouncil/2018/03/19/five-tips-for-designing-a-mobile-first-website/

https://justcoded.com/blog/mobile-first-web-design-why-is-it-important-in-2019/

 

Also another

Google “design mobile first tutorial”

Let’s go specifically for tutorials then…

https://www.html5rocks.com/en/mobile/responsivedesign/

https://zellwk.com/blog/how-to-write-mobile-first-css/

https://blog.alexdevero.com/ultimate-guide-mobile-first-web-design/

 

I talk about all those links and what I think about the mobile first approach.

 

Articles

https://edition.cnn.com/2020/01/29/tech/facebook-earnings/

https://dribbble.com/stories/2020/01/31/nfl-team-logos-reimagined

 

Resources

https://csshint.com/css-animated-backgrounds

https://cloudfour.com/thinks/staggered-animations-with-css-custom-properties/

 

The title

Godsmack / “Re-align” / Faceless (2003)

https://www.youtube.com/watch?v=vv9Zv83lStw

 

Just to show that I really did visit all those pages on the 1st page of SERP