CSS3 & HTML5 Browser Testing, What's my IP Address?, What's my client's IP Address? What browser am I using? What browser is my client using? @deepbluetweets

HTML5 & CSS3 Support

CSS3 Properties

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
RGBA Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
HSLA Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
Background Size Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
Multiple Backgrounds Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
Border Image Y Y Y Y Y Y Y N N N N Y Y 84% (grade: “excellent”)
Border Radius Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
Box Shadow Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
Text Shadow Y Y Y Y Y Y Y N N N N Y Y 65% (grade: “good”)
Opacity Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
CSS Animations Y Y Y N Y Y Y N N N N Y Y 50% (grade: “limited”)
CSS Columns Y Y Y Y Y Y Y N N N N Y Y 82% (grade: “excellent”)
CSS Gradients Y Y Y Y Y Y Y N N N N Y Y 80% (grade: “excellent”)
CSS Reflections Y N N N Y Y Y N N N N N Y 41% (grade: “limited”)
CSS Transforms Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
CSS Transforms 3D Y N N N Y Y Y N N N N N Y 19% (grade: “poor”)
CSS Transitions Y Y Y Y Y Y Y N N N N Y Y 60% (grade: “good”)
CSS FontFace Y Y Y Y Y Y Y Y Y Y Y Y Y 97% (grade: “excellent”)
FlexBox Y Y Y N Y Y Y N N N N Y Y 63% (grade: “good”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

CSS3 Selectors

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Begins with Y Y Y Y Y Y Y N Y Y Y Y Y 98% (grade: “excellent”)
Ends with Y Y Y Y Y Y Y N Y Y Y Y Y 98% (grade: “excellent”)
Matches Y Y Y Y Y Y Y N Y Y Y Y Y 98% (grade: “excellent”)
Root Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
nth-child Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
nth-last-child Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
nth-of-type Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
nth-last-of-type Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
last-child Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
first-of-type Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
last-of-type Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
only-child Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
only-of-type Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
empty Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
target Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
enabled Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
disabled Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
checked Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
not Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
General Sibling Y Y Y Y Y Y Y N Y Y Y Y Y 98% (grade: “excellent”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Web Applications

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Local Storage Y Y Y Y Y Y Y N N Y Y Y Y 94% (grade: “excellent”)
Session Storage Y Y Y Y Y Y Y N N Y Y Y Y 95% (grade: “excellent”)
Post Message Y Y Y Y Y Y Y N N Y Y Y Y 96% (grade: “excellent”)
Offline Applications Y Y Y Y Y Y Y N N N N Y Y 83% (grade: “excellent”)
Workers Y Y Y Y Y Y Y N N N N Y Y 80% (grade: “excellent”)
Query Selector Y Y Y Y Y Y Y N N Y Y Y Y 92% (grade: “excellent”)
WebSQL Database Y N N Y Y Y Y N N N N N Y 44% (grade: “limited”)
IndexDB Database N N N N N N N N N N N N N
Drag and Drop Y Y Y N Y Y Y Y Y Y Y Y Y 94% (grade: “excellent”)
Hash Change (Event) Y Y Y Y Y Y Y N N Y Y Y Y 91% (grade: “excellent”)
History Management Y Y Y N Y Y Y N N N N Y Y 56% (grade: “good”)
WebSockets Y N N N Y Y Y N N N N N Y 39% (grade: “limited”)
GeoLocation Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
Touch N N N N N N N N N N N N N 4% (grade: “poor”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Graphics & Embedded Content

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Canvas Y Y Y Y Y Y Y N N N Y Y Y 88% (grade: “excellent”)
Canvas Text Y Y Y Y Y Y Y N N N Y Y Y 87% (grade: “excellent”)
SVG Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
SVG Clipping Paths Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
SVG Inline Y Y Y N Y Y Y N N N Y Y Y 43% (grade: “limited”)
SMIL Y Y Y Y Y Y Y N N N Y Y Y 62% (grade: “good”)
WebGL Y Y Y Y Y Y Y N N N Y Y Y 52% (grade: “good”)
Audio Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)
Video Y Y Y Y Y Y Y N N N Y Y Y 86% (grade: “excellent”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Audio Codecs

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Audio: ogg/vorbis N Y Y Y Y Y N N N N N Y Y 71% (grade: “good”)
Audio: mp3 Y N N N Y Y Y N N N Y N Y 41% (grade: “limited”)
Audio: wav Y Y Y Y Y Y Y N N N N Y Y 73% (grade: “good”)
Audio: AAC Y N N N Y Y Y N N N Y N Y 42% (grade: “limited”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Video Codecs

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Video: ogg/theora N Y Y Y Y Y N N N N N Y Y 70% (grade: “good”)
Video: H.264 Y N N N Y Y Y N N N Y N Y 41% (grade: “limited”)
Video: WebM N Y Y Y Y Y N N N N N Y Y 45% (grade: “limited”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Forms Inputs

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Form: Phone Y Y Y Y Y Y Y N N N N Y Y 58% (grade: “good”)
Form: URL Y Y Y Y Y Y Y N N N N Y Y 56% (grade: “good”)
Form: Email Y Y Y Y Y Y Y N N N N Y Y 56% (grade: “good”)
Form: DateTime N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: Date N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: Month N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: Week N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: Time N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: LocalTime N N N Y N N N N N N N N N 4% (grade: “poor”)
Form: Number Y N N Y Y Y Y N N N N N Y 27% (grade: “limited”)
Form: Range Y N N Y Y Y Y N N N N N Y 40% (grade: “limited”)
Form: Colour N N N Y N N N N N N N N N 1% (grade: “poor”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »

HTML5 Forms Attributes

Platform MAC WIN % Support
Browser SAFARI FIREFOX OPERA CHROME SAFARI IE FIREFOX CHROME  
Version 5.1 8 9 11.1 15 17 5.1 6 7 8 9 8 15  
Form: Autocomplete N Y Y Y Y Y N N N N N Y Y 24% (grade: “poor”)
Form: Autofocus Y Y Y Y Y Y Y N N N N Y Y 59% (grade: “good”)
Form: List Y Y Y Y N N Y N N N N Y N 26% (grade: “limited”)
Form: Placeholder Y Y Y Y Y Y Y N N N N Y Y 58% (grade: “good”)
Form: Min Y N N Y Y Y Y N N N N N Y 43% (grade: “limited”)
Form: Max Y N N Y Y Y Y N N N N N Y 43% (grade: “limited”)
Form: Multiple Y Y Y Y Y Y Y N N N N Y Y 80% (grade: “excellent”)
Form: Pattern Y Y Y Y Y Y Y N N N N Y Y 58% (grade: “good”)
Form: Required Y Y Y Y Y Y Y N N N N Y Y 58% (grade: “good”)
Form: Step Y N N Y Y Y Y N N N N N Y 43% (grade: “limited”)

* Percentage score based on 190,833 real-world results recorded since July 10th 2010. Read the Cover Girl Article »

Contribute your result »