Kindle Keyboard
browser

Rare species: some time ago I had fun exploring exotic browsers on some not so common devices. This is one of such studies.

Screen resolution 600 × 800, 16 shades of gray
Viewport size 582 × 706
Browser WebKit-powered
User Agent Mozilla/5.0 (Linux; U; en-US) AppleWebKit/528.5+ (KHTML, like Gecko, Safari/528.5+) Version/4.0 Kindle/3.0 (screen 600x800; rotate)
Acid3 99/100
HTML5 Test 59/555
CSS3 Test 35%

Kindle Keyboard (aka Kindle 3) is an e-book reader by Amazon with e-ink (not touch) screen and an experimental browser on board.

It has Wi-Fi and optional 3G. When it first came out, Amazon provided free 3G around the globe, but then it was limited to Wikipedia and Amazon’s website. Wi-Fi is, needless to say, still unlimited.

The browser doesn’t have multiple windows or tabs. D-pad is used to move the cursor, back button (under the d-pad) – to go back through the history, buttons on the sides of the device act as Page Up and Page Down.

The browser works fine with javascript, copes well with medium complexity pages, but slowes significantly when dealing with big amounts of high-res pics (supposedly due to the lack of RAM).

Feature tests

Feature tests are done using Modernizr. Full table of my tests on google docs.

Feature Test Actual result
backgroundsize True True
bgsizecover False False
borderradius True True (-webkit-)
boxshadow True False
boxsizing True True (-webkit-)
cssanimations True True (-webkit-)
cssgradients True False
csstransforms True True (-webkit-)
csstransforms3d False True (-webkit-)
csstransitions True True (-webkit-)
fontface True True (.svg only)
mediaqueries True True
opacity True True
rgba True True
textshadow True True (no blur)
touch False False
video False False

Amusingly enough, it supports animations and transitions. Animation quality is accurately captured on the screenshot (although the nature of badly rendered animation on the screenshot is progressive reading, whereas on the screen it’s e-paper’s response time):

Zoom

Websites not optimized for mobile devices are shown "zoomed-out", while the cursor is replaced with a zooming frame:

Back button brings you back from zoomed-in to zoomed-out view.

All the links forcibly receive text-decoration: underline. It cannot be overridden neither by !important, nor through javascript.

Links with target="_blank" don’t work, instead a warning is shown:

Fonts

The only supported format for external fotns is SVG. Original Font Awesome doesn’t works for some reason, although it works just fine when generated with Icomoon app.

Scroll

Internal blocks are scrollable with the cursor: it sticks to the edge of the block until the block is scrolled to the end in a particular direction:

Forms

New input types are not supported, no validation is implemented.

Conclusion

Not too shabby for an e-book reader. Virtually no problems showing mobile and adaptive websites.

You may use html.bw selector in conjunction with sniffer.js to play around with the colors and disable animations for Kindle users (if you are desperate about such things).