🖐Palm Reader

All the media query tests are listed below, the darker ones are currently active on this device

Media Types

screen

screen

print

print

tv

tv

handheld

handheld

projection

projection

speech

speech

Viewport/Page Dimensions

(min-width)

(min-width)

(max-width)

(max-width)

(min-height)

(min-height)

(max-height)

(max-height)

(aspect-ratio)

(aspect-ratio)

(orientation : portrait)

(orientation : portrait)

(orientation : landscape)

(orientation : landscape)

Display Quality

(min-resolution)

(min-resolution)

(max-resolution)

(max-resolution)

(scan:progressive)

(scan:progressive)

(scan:interlace)

(scan:interlace)

(grid)

(grid)

(update:none)Level 4

(update:none)Level 4

(update:slow)Level 4

(update:slow)Level 4

(update:fast)Level 4

(update:fast)Level 4

(overflow-block:none)Level 4

(overflow-block:none)Level 4

(overflow-block:scroll)Level 4

(overflow-block:scroll)Level 4

(overflow-block:optional-paged)Level 4

(overflow-block:optional-paged)Level 4

(overflow-block:paged)Level 4

(overflow-block:paged)Level 4

(overflow-inline:none)Level 4

(overflow-inline:none)Level 4

(overflow-inline:scroll)Level 4

(overflow-inline:scroll)Level 4

Colour

color

color

(color-index)

(color-index)

monochrome

monochrome

(color-gamut:srgb)Level 4

(color-gamut:srgb)Level 4

(color-gamut:p3)Level 4

(color-gamut:p3)Level 4

(color-gamut:rec2020)Level 4

(color-gamut:rec2020)Level 4

Interaction

(pointer:fine)Level 4

(pointer:fine)Level 4

(pointer:coarse)Level 4

(pointer:coarse)Level 4

(pointer:none)Level 4

(pointer:none)Level 4

(hover)Level 4

(hover)Level 4

(any-pointer:fine)Level 4

(pany-ointer:fine)Level 4

(any-pointer:coarse)Level 4

(any-pointer:coarse)Level 4

(any-pointer:none)Level 4

(any-pointer:none)Level 4

(any-hover)Level 4

(any-hover)Level 4

Level 5 Draft Media Features

(light-level:normal)Level 5 Draft

(light-level:normal)Level 5 Draft

(light-level:dim)Level 5 Draft

(light-level:dim)Level 5 Draft

(light-level:washed)Level 5 Draft

(light-level:washed)Level 5 Draft

(scripting)Level 5 Draft

(scripting)Level 5 Draft

(prefers-reduced-motion:no-preference)Level 5 Draft

(prefers-reduced-motion:no-preference)Level 5 Draft

(prefers-reduced-motion:reduce)Level 5 Draft

(prefers-reduced-motion:reduce)Level 5 Draft

(prefers-reduced-transparency:no-preference)Level 5 Draft

(prefers-reduced-transparency:no-preference)Level 5 Draft

(prefers-reduced-transparency:reduce)Level 5 Draft

(prefers-reduced-transparency:reduce)Level 5 Draft

(prefers-contrast:no-preference)Level 5 Draft

(prefers-contrast:no-preference)Level 5 Draft

(prefers-contrast:high)Level 5 Draft

(prefers-contrast:high)Level 5 Draft

(prefers-contrast:low)Level 5 Draft

(prefers-contrast:low)Level 5 Draft

(prefers-color-scheme:no-preference)Level 5 Draft

(prefers-color-scheme:no-preference)Level 5 Draft

(prefers-color-scheme:light)Level 5 Draft

(prefers-color-scheme:light)Level 5 Draft

(prefers-color-scheme:dark)Level 5 Draft

(prefers-color-scheme:dark)Level 5 Draft

(inverted-colors:none)Level 5 Draft

(inverted-colors:none)Level 5 Draft

(inverted-colors:inverted)Level 5 Draft

(inverted-colors:inverted)Level 5 Draft

Other at-rules

@supports

@supports

Deprecated

(min-device-width)

(min-device-width)

(max-device-width)

(max-device-width)

(min-device-height)

(min-device-height)

(max-device-height)

(max-device-height)

(device-aspect-ratio)

(device-aspect-ratio)

About

I am currently Director of Design at Dawson Andrews and in the process of building the Research and Development part of the company. We'll explore interesting things like purpose, meaning and truth through technology. Let's talk.

Newsletter

Sometimes I publish a newsletter called The Logbook which you can subscribe to here.