{"id":2420,"date":"2021-05-26T15:35:11","date_gmt":"2021-05-26T14:35:11","guid":{"rendered":"http:\/\/new.1wl.agency\/?p=2420"},"modified":"2023-03-07T10:21:07","modified_gmt":"2023-03-07T10:21:07","slug":"mobile-first-a-web-developers-perspective","status":"publish","type":"post","link":"https:\/\/1wl.agency\/2021\/05\/26\/mobile-first-a-web-developers-perspective\/","title":{"rendered":"What does ‘mobile first’ mean? A web developers’ perspective."},"content":{"rendered":"\n

The term \u2018mobile first\u2019 has been around several years now, but it still seems to mean different things to different people. Its first use was by Google CEO Erik Schmidt at Mobile World Congress back in 2010<\/a>.<\/p>\n\n\n\n

He said, \u201cWe understand that the new rule is mobile first. Mobile first in everything. Mobile first in terms of applications. Most first in terms of the way people use things. And it means that we have a role now to inform, to educate through all these [mobile] devices.\u201d<\/p>\n\n\n\n

\"What<\/figure>\n\n\n\n

It\u2019s a vision of our technological future that has gradually become reality over the last decade, but has ‘mobile first’ been adopted in the way Schmidt and Google envisioned?<\/p>\n\n\n\n

A closer look at the concept<\/h2>\n\n\n\n

The core concept was that everything we knew about website design would get turned on its head – a full reset. Starting from scratch: a change of approach that would see creating for the needs of mobile users as the priority. Designers would evolve their processes by looking at the needs of mobile users first. Developers would build, based on the needs of the mobile site first – potentially even building websites using mobile devices as their development platforms. <\/p>\n\n\n\n

Maybe that last part was just my interpretation of the ‘vision’. In reality, coding websites has never been done that way around.<\/p>\n\n\n\n

Now let’s look at the reality<\/h2>\n\n\n\n

Most sites are built on desktop computers and are \u2018dynamic\u2019 or \u2018responsive\u2019 or \u2018fluid\u2019. These terms all relate to a way of displaying a website’s content properly for all devices. Content responds to the changes in device, to display in the most intuitive way. This all makes sense, but at no point have websites been mobile-first from a coding perspective. <\/p>\n\n\n\n

Working in reverse would be counter-intuitive to a developer who is used to creating the largest view before condensing things to work on small screens.<\/p>\n\n\n\n

While designs can ‘unpack’ from mobile outwards, it would be inefficient for coding to follow suit. The time required to develop in reverse would see prices for dev work rise steeply. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

So, what does mobile first mean to me?<\/h2>\n\n\n\n

While the reality of mobile-fist has fallen short from a developer’s perspective, of what I think Schmidt envisioned, a mobile focus from a user perspective was inevitable, and that has impacted the website design process in a positive way. For me, it has been less of a paradigm shift and more a change in design priorities.<\/p>\n\n\n\n

It has elevated the importance of efficiency and performance in a design. <\/p>\n\n\n\n

Compliance with a mobile-first design ethos, has led to cleaner designs, and away from aesthetic-led design that was ‘more show than go’. It hasn\u2019t lost the design touches that make things look and feel special; rather, it transpires those touches have been more carefully considered.  <\/p>\n\n\n\n

Good developers have always striven for efficiency in coding, making everything as clean as possible. Mobile-First has led to ‘efficiency’ as a design consideration too.<\/p>\n\n\n\n

In conclusion<\/h2>\n\n\n\n

For me, \u2018mobile first\u2019 is now just another buzz-term used in mainstream agency-client discussions. It conveys intent as creators, and I think clients expect to hear it as an assurance we aren’t completely inept! However, it hasn’t made any difference to how the majority of developers build websites. Instead, it has aligned designers to use principles that good developers have always used… <\/p>\n\n\n\n

Efficient coding, fast load times, simple to use, easy on the eyes. Overall, it\u2019s been a net-positive effect on website creation in general.<\/p>\n\n\n\n

If you’re looking for a website that is truly mobile first compliant, contact us<\/a> for a chat about your needs. <\/p>\n","protected":false},"excerpt":{"rendered":"

The term \u2018mobile first\u2019 has been around several years now, but it still seems to mean different things to different people. Its first use was by Google CEO Erik Schmidt at Mobile World Congress back in 2010. He said, \u201cWe understand that the new rule is mobile first. Mobile first in everything. Mobile first in terms […]<\/p>\n","protected":false},"author":1,"featured_media":2422,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[40],"tags":[53,66],"acf":[],"_links":{"self":[{"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/posts\/2420"}],"collection":[{"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/comments?post=2420"}],"version-history":[{"count":6,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/posts\/2420\/revisions"}],"predecessor-version":[{"id":3482,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/posts\/2420\/revisions\/3482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/media\/2422"}],"wp:attachment":[{"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/media?parent=2420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/categories?post=2420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1wl.agency\/wp-json\/wp\/v2\/tags?post=2420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}