HTML5 and CSS3 Testing (Last updated: February 22, 2013)

Windows 7 Desktop Browsers:
Mozilla Firefox 19.0 (FF)
Google Chrome 25.0.1364.97 (Chr)
Microsoft Internet Explorer 8 (IE8)
Microsoft Internet Explorer 9 (IE9)
Apple Safari 5.1.7 (Saf)
Opera 12.14 (Op)

Mobile Browsers (iOS5, Android Ice Cream Sandwich 4.0.4):
Mobile Safari (MobSaf)
Mobile Firefox 19.0 (MobFF)
Mobile Chrome - beta (MobChr)
Mobile Opera 12.10 (MobOp)
Android Browser (Droid)
Dolphin HD 9.3.1 (Dolph)

Nokia n900 Maemo Web Browser (Mae)

HTML5 - Forms

Visit the HTML5 Forms page here.

HTML5 - Drag and Drop

FF, Chr, Op, Saf, IE8, IE9

HTML5 - Canvas

Enter values from 0 to 500!

Month 1

Month 2

Month 3

FF, Chr, Op, Saf, IE9, MobFF, Mae, MobSaf, MobOp, MobChr, Droid, Dolph

HTML5 - ContentEditable

FF, Chr, Op, Saf, IE8, IE9, MobFF, MobChr, Droid, Mae, MobOp, MobSaf, Dolph

HTML5 - Geolocation

FF, Chr, Op, IE9, MobFF, Mae, MobOp, MobSaf, Droid, Dolph

CSS 3 - Transitions and Transformations Demo

http://html5.gophanet.com/transit_transforms.php

FF, Chr, Op, Saf, IE9 (Transforms only), MobFF, MobChr (mostly), Mae, Droid, MobSaf, MobOp, Dolph

CSS 3 Fun Box

Text drop shadow

FF, Chr, Op, Saf, MobFF, MobChr, Mae, MobSaf, MobOp, Dolph

Rgba() & Resize (For the RGBA border test page, click here.)

rgb()
rgba()

RGBA(): FF, Chr, Op, Saf, IE9, MobFF, MobChr, Mae, MobSaf, MobOp, Droid, Dolph
RESIZE:FF, Chr, Saf, IE9

@Font-Face: Gothic Ultra OT

FF, Chr, Op, Saf, IE8, IE9, MobChr, MobOp, Droid, Dolph

Box/Container drop shadow (the CSS 3 Test Box has a drop shadow!)

FF, Chr, Op, Saf, IE9, MobFF, MobChr, Droid, Mae, MobSaf, MobOp, Dolph

Border radius (the CSS 3 Test Box has rounded corners!).

FF, Chr, Op, Saf, IE9, MobFF, MobChr, Droid, Mae, MobSaf, MobOp, Dolph

Linear gradient (the CSS 3 Test Box has a linear gradient background!).

FF, Chr, Op, Saf, MobFF, MobChr, Droid, Mae, MobSaf, Dolph

Word wrap... Hereiswherewestringabunchoftexttogethertomakeonelongwordinordertotestwordwrap.

FF, Chr, Op, Saf, IE8, IE9, MobFF, MobChr, Mae, MobSaf, MobOp, Dolph

Text-overflow

A bunch of text to test text-overflow ellipsis.

A bunch of text to test text-overflow clip.

BOTH: FF, Chr, Op, Saf, IE8, IE9, MobChr, MobOp, Droid, Dolph

CLIP ONLY: MobFF, MobSaf

Box-sizing and Outline

Hello

FF, Chr, Op, Saf, MobFF, MobChr, Droid, Mae, MobSaf, MobOp, Dolph