Someday

In the latest issue of Justin’s excellent Responsive Web Design weekly newsletter, he includes a segment called “The Snippet Show”:

This is what tells all our browsers on all our devices to set the viewport to be the same width of the current device, and to also set the initial scale to 1 (not scaled at all). This essentially allows us to have responsive design consistently.

<meta name="viewport" content="width=device-width, initial-scale=1">

The viewport value for the meta element was invented by Apple when the iPhone was released. Back then, it was a safe bet that most websites were wider than the iPhone’s 320 pixel wide display—most of them were 960 pixels wide …because reasons. So mobile Safari would automatically shrink those sites down to fit within the display. If you wanted to over-ride that behaviour, you had to use the meta viewport gubbins that they made up.

That was nine years ago. These days, if you’re building a responsive website, you still need to include that meta element.

That seems like a shame to me. I’m not suggesting that the default behaviour should switch to assuming a fluid layout, but maybe the browser could just figure it out. After all, the CSS will already be parsed by the time the HTML is rendering. Perhaps a quick test for the presence of a crawlbar could be used to trigger the shrinking behaviour. No crawlbar, no shrinking.

Maybe someday the assumption behind the current behaviour could be flipped—assume a website is responsive unless the author explicitly requests the shrinking behaviour. I’d like to think that could happen soon, but I suspect that a depressingly large number of sites are still fixed-width (I don’t even want to know—don’t tell me).

There are other browser default behaviours that might someday change. Right now, if I type example.com into a browser, it will first attempt to contact http://example.com rather than https://example.com. That means the example.com server has to do a redirect, costing the user valuable time.

You can mitigate this by putting your site on the HSTS preload list but wouldn’t it be nice if browsers first checked for HTTPS instead of HTTP? I don’t think that will happen anytime soon, but someday …someday.

Have you published a response to this? :

Responses

Peter-Paul Koch

Sadly, this job requires me to solve today’s problems. Although maybe I’ll help with a proper Viewports spec eventually…

1 Share

# Shared by Gunnar Bittersmann on Sunday, October 2nd, 2016 at 4:19pm

5 Likes

# Liked by Gunnar Bittersmann on Friday, September 30th, 2016 at 8:29pm

# Liked by Gabor Lenard on Saturday, October 1st, 2016 at 12:29am

# Liked by Jonathan Kingston on Tuesday, October 25th, 2016 at 3:16pm

# Liked by B 🎃 n Se7en 📦 on Tuesday, October 25th, 2016 at 6:58pm

# Liked by Gennady Feldman on Wednesday, October 26th, 2016 at 1:49am

Related posts

A web font strategy

How I’m prioritising performance when it comes to typography on The Session.

Making the new Salter Cane website

A redesign with modern CSS.

Making the website for Research By The Sea

Having fun with view transitions and scroll-driven animations.

Web App install API

It’s kind of ridiculous that this functionality doesn’t exist yet.

Pickin’ dates on iOS

Mobile Safari doesn’t support the min and max attributes on date inputs.

Related links

WebKit Features for Safari 26.5 | WebKit

Fixed an issue on iOS and iPadOS where datalist suggestions were presented directly over the associated input, obscuring it.

Phew!

Tagged with

The end of responsive images - Piccalilli

Hallelujah! Support for sizes="auto" is finally landing in Firefox and Safari! Praise be!

Tagged with

Tagged with

The Great CSS Expansion | Butler’s Log

Web development follows a familiar cycle. First we glue together a solution with whatever we have — JavaScript, image hacks, Flash, anything. Then the platform matures, and CSS or HTML eventually makes that same workaround native. Rounded corners, custom fonts, smooth scrolling, sticky positioning: all of these started as JavaScript-heavy hacks before CSS turned them into a single declaration.

We are in another one of those transition moments. A new wave of long-requested CSS features is finally landing, and many of them are explicitly designed to replace patterns that used to require JavaScript. Not as approximations — as first-class platform primitives that handle the edge cases, run in the right thread, and need zero dependencies.

Tagged with

What’s new in web typography? | Clagnut by Richard Rutter

There have been so many advances in HTML, CSS and browser support over the past few years. These are enabling phenomenal creativity and refinement in web typography, and I’ve got a mere 28 minutes to tell you all about it.

I’ve been talking to Rich about his Web Day Out talk, and let me tell you, you don’t want to miss it!

It’s gonna be a wild ride! Join me at Web Day Out in Brighton on 12 March 2026. Use JOIN_RICH to get 10% off and you’ll also get a free online ticket for State of the Browser.

Tagged with

Previously on this day

15 years ago I wrote Ten

Happy birthday to this.

17 years ago I wrote Culchavulching

In Brighton, no-one can hear you geek out.

17 years ago I wrote Full Frontal

Be in Brighton on November 20th.

18 years ago I wrote Reading immaterial

Something for your digital bookshelf.

18 years ago I wrote Automata

Carla Diana talks about robots at Flash on the Beach in Brighton.

19 years ago I wrote Kung Shui

Ajax and accessibility; a presentation transcribed.

20 years ago I wrote Sydney to Melbourne

It’s time for me to expand my Australian horizons.

20 years ago I wrote Wrapping up Web Directions South

Two thumbs up from me.

21 years ago I wrote He comes from a land down under

The podcasts and the photos have started coming in from Web Essentials in Syndey. Oh, how I wish I could be there!

23 years ago I wrote WiFi Regained

Remember how I was saying that the wireless reception in my iBook went all screwy a while back? Well, I sent the iBook off to Apple so that they could have a look at it.

24 years ago I wrote Anniversary

I have been blogging now for exactly one year.

24 years ago I wrote dooce

Rejoice! For Heather Hamilton is back.

24 years ago I wrote JCPenney

Jessica refuses to believe that JCPenney are actually selling the "Forward Command Post" model in their catalogue:

25 years ago I wrote Welcome to my world

This is my first entry in my first online journal.