Blogs

This site contains two blogs. On this page you get a quick overview of them and their latest entries.

QuirksBlog

The QuirksBlog is my professional blog in which I write about web development and related topics, and occasionally about my personal life. I'm not really interested in keeping a personal blog, though, so the majority of the entries are about solidly techy stuff.

Scrolling your website past the iPhone X’s notch

Permalink | in Safari

During the introduction of the iPhone X a hilarious gif made the Twitter rounds, showing a list scrolling past the new notch.

I asked the question any web developer would ask: “Hey, is this even possible with web technology?” Turns out it is.

(We should probably ask: “Hey, is this a useful effect, even if it’s possible?” But that’s a boring question, the answer being Probably Not.)

So for laughs I wrote a proof of concept (you need to load that into the iPhone X simulator). Turns out that this little exercise is quite useful for wrapping your head around the visual viewport and zooming. Also, the script turned out to be quite simple.

continue reading

safe-area-inset values on iOS11

Permalink | in Safari

With the iPhone X’s notch came viewport-fit=cover and safe-area-inset, as explained here. It turns out that safe-area-inset is 0 on iOS11 devices that are not the iPhone X. This may sound logical, but I wonder if it is. Also, the value remains static, even when you zoom in.

continue reading

Chrome breaks visual viewport — again

Permalink | in Viewports

A few weeks back the most exciting viewport news of the past few years broke: Chrome 61 supports a new visual viewport API. Although this new API is an excellent idea, and even includes a zoom event in disguise, the Chrome team decided that its existence warrants breaking old and trusty properties.

I disagree with that course of action, particularly because a better course is readily available: create a new layout viewport API similar to the visual one. Details below.

continue reading

See the QuirksBlog homepage for older entries.

Elsewhere on the 'Net

The Elsewhere on the 'Net blog contains many links to other interesting web development sites, articles, and resources.

16 March 2010

Opera Browser Standards support chart

19 February 2010

App is Crap (why Apple is bad for your health)

Touch web browser mega shootout: Surf's up

18 February 2010

Dispatches from the front line - War reporter checks in from smartphone battle zone

2 February 2010

How Internet Explorer 8 document mode affects JavaScript

31 January 2010

The Mobile App Store Landscape 5 years Ai (After the iPhone)

18 January 2010

Windows Mobile, iPhone, Android - Marketplace Comparison

RIM patent app will have you barely browsing the web at incredible speeds

NetFront Browser v4.0

8 January 2010

A Bloodbath for 2010: the Smartphone market preview

6 January 2010

Google's biggest announcement was not a phone, but a URL

5 January 2010

What’s Ahead for the Mobile Web in 2010?

Is there hope for Palm in the 2010 smartphone wars?

8 December 2009

The mobile data apocalypse, and what it means to you

Microsoft, EU Are Said to Modify Deal in Browser Case

See the Elsewhere homepage for older entries.