Developing our web pages for the mobile web has never been more important than it is now. While the stats vary a bit, the general consensus is that more and more people own or have access to a mobile device and one in five Americans use a mobile phone for their primary access to the internet. Some don’t even own a computer.

I grew up in the early stages of the internet. I remember dial-up modems, Windows ’95, AOL and the first instant-messaging. My dad bought our first computer when I was five or six, and of course, being a web-developer, writer and podcaster myself, I probably won’t ever be without a computer, much less ever envision myself only using my iPhone as my primary access to the internet. But not everyone will own or want to own a computer, especially when mobile devices are as advanced as they are now. The mobile web is driving how developers approach a project. It is what keeps us busy.

I run across websites on an almost daily basis that are not designed for viewing on a mobile device, for one reason or another. As a developer, I feel that it is important that we always keep in mind that mobile-friendliness on the web is not a secondary issue when working on a project. It should be the first and primary focus of web-development. If you are just starting out learning to code, I’m sure you’ve already heard a lot about responsiveness and mobile-friendliness . It is definitely not just a trendy term. It is a need in this day and age. This series is meant to give you some tips on how to make your website responsive and mobile friendly and to help you get started on the right track to responsiveness. (Cue the Keurig…) Ok, ready? Let’s go. This is part 1 of 3.

#web-design #css #mobile-web-development #mobile-website-design #web-development

Developing for the Mobile-Web: Part 1 — CSS Media Queries
1.15 GEEK