I just discovered the responsive design mode in Safari. This is nice. I think it’s a great tool, even when it’s limited to showing Apple devices.

The past weeks I have talked to multiple companies about how they approach responsive design. Mobile is over 50% for most companies, even approaching 70% numbers. Most websites start from a web view and adapt for mobile. Responsive Design is often, web design optimised for mobile.

This is wrong and we need better design tools to fix this. The Safari responsive design mode is a good start. While we design and build most websites behind a computer, most viewers aren’t viewing this from a computer.

Hiding a div is not how you scale down. We need to think the other way around. How to scale up and thinking about browser memory and mobile bandwith. Mobile first, really means mobile first. Start with the best mobile website you can think of and scale up.

The ad-blocker discussion on mobile browsers linked to this design approach. Loading too many ads and external scripts that make a scaled down page just too heavy to handle for most mobile browsers. Resulting in a bad experience, ads that are too big, content that is out of the first view, sites that crash or never load.

Safari Responsive Design Mode
Safari Responsive Design Mode