HTML5 and CSS3 Testing (Last updated: February 5, 2012)
Windows 7 Desktop Browsers:
Mozilla Firefox 9.0 (FF)
Google Chrome 16.0.912.75 (Chr)
Microsoft Internet Explorer 8 (IE8)
Microsoft Internet Explorer 9 (IE9)
Apple Safari 5.1.2 (Saf)
Opera 11.60 (Op)
HTML5 - Forms
HTML5 - Drag and Drop
FF, Chr, Saf, IE8, IE9
HTML5 - Canvas
Enter values from 0 to 500!
FF, Chr, Op, Saf, IE9, MobFF, Mae, MobSaf, MobOp, Droid, Dolph
HTML5 - ContentEditable
FF, Chr, Op, Saf, IE8, IE9, MobFF, Mae, MobSaf
HTML5 - Geolocation
FF, Chr, Op, IE9, MobFF, Mae, MobOp, MobSaf, Droid, Dolph
CSS 3 - Transitions and Transformations Demo
FF, Chr, Op, Saf, IE9 (Transforms only), MobFF, Mae, MobSaf, MobOp
CSS 3 Fun Box
Text drop shadow
FF, Chr, Op, Saf, MobFF, Mae, MobSaf, MobOp
Rgba() & Resize (For the RGBA border test page, click here.)
RGBA(): FF, Chr, Op, Saf, IE9, MobFF, Mae, MobSaf, MobOp, Droid, Dolph
RESIZE:FF, Chr, Saf, IE9
@Font-Face: Gothic Ultra OT
FF, Chr, Op, Saf, IE8, IE9, MobOp, Droid, Dolph
Box/Container drop shadow (the CSS 3 Test Box has a drop shadow!)
FF, Chr, Op, Saf, IE9, MobFF, Mae, MobSaf, MobOp
Border radius (the CSS 3 Test Box has rounded corners!).
FF, Chr, Op, Saf, IE9, MobFF, Mae, MobSaf, MobOp
Linear gradient (the CSS 3 Test Box has a linear gradient background!).
FF, Chr, Op, Saf, MobFF, Mae, MobSaf
Word wrap... Hereiswherewestringabunchoftexttogethertomakeonelongwordinordertotestwordwrap.
FF, Chr, Op, Saf, IE8, IE9, MobFF, Mae, MobSaf, MobOp
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, MobOp, Droid, Dolph
CLIP ONLY: MobFF, MobSaf
Box-sizing and Outline
FF, Chr, Op, Saf, MobFF, Mae, MobSaf, MobOp