QuirksBlog - Mobile CSS tables 2013

The 2013 extension and migration of my CSS compatibility tables.
Part of Content.

New CSS tests - units and values

Permalink | in Mobile CSS tables 2013

Just now I uploaded the Units and Values desktop and mobile tables. They contain tests for many useful units, such as em, mm, vh, calc() and much more.

Oh boy, units and values.

Most compatibility patterns are actually quite simple: a browser does or does not support a given unit. There are a few exceptions, though.

continue reading

New CSS tests - images and replaced content

Permalink | in Mobile CSS tables 2013

Just now I published the Images and replaced contents tables. By far the most important feature are gradients, and in general they’re tolerably well supported.

continue reading

New CSS tests - CSS2 and Backgrounds & Borders

Permalink | in Mobile CSS tables 2013

Yesterday I published the CSS2 and Backgrounds & Borders mobile tables.

CSS2 is the table that contains all properties that were never redefined in any CSS3 module. It includes such vital properties as display, position, and overflow. Backgrounds & Borders, despite the name, is mostly about backgrounds and a few miscellaneous properties. I test border-radius, but the other border-related property, border-image, is WAY too complicated for me.

On mobile there are three declarations that merit particular attention: overflow: auto, position: fixed, and background-attachment. Despite their apparent differences they have one important aspect in common: there is now an element that should be scrolled and moved (or not scrolled or moved) separately from the page as a whole. That turns out to be a challenge for many mobile browsers.

continue reading

New CSS tests - CSS2 and Backgrounds & Borders on desktop

Permalink | in Mobile CSS tables 2013

This week I published the CSS2 and Backgrounds & Borders tables for desktop only. I found no surprises. That concludes my publications for this week.

CSS2 is the table that contains all properties that were never redefined in any CSS3 module. It includes such vital properties as display, position, and overflow.

The mobile tables are delayed because I’m waiting for a bunch of Nokia phones to arrive. I’m not sure when I’ll get them, but I hope to be able to continue the mobile tests late next week. Maybe I’ll publish another desktop table in the mean time.

And when I publish the mobile tables, oh boy, the stories I can tell. overflow: auto and position: fixed on mobile, baby!

New CSS tests - fonts and text

Permalink | in Mobile CSS tables 2013

Just now I published the desktop and mobile tables for the CSS Text module and related ones — think italics, underline, and letter-spacing, but also hyphenation and text-shadow.

continue reading

New CSS tests - selectors and columns

Permalink | in Mobile CSS tables 2013

Over the weekend I finished the first two CSS compatibility tables new style: selectors and columns. These tests are almost complete (a few selectors are missing), and have been executed in 40 or so browsers, desktop and mobile.

continue reading

This is the blog of Peter-Paul Koch, mobile platform strategist, consultant, and trainer. You can also follow him on Twitter.
Atom RSS

I’m speaking at the following conferences:

(Data from Lanyrd)

Categories:

Monthlies: