SlideShare a Scribd company logo
1 of 10
Download to read offline
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...



                 Skip to Main Content (access key: s)
                 Skip to Primary Navigation (access key: n)
                 Skip to Secondary Navigation (access key: b)
                 View Accessibility Statement (access key: 0)
                 View Sitemap (access key: 9)

         Primary Navigation


                 FindMeByIP.com
                 Web Design
                 SEO Experts
                 IE9 Preview
                 Get a FREE Account
                 Sign In

         Coming soon: “Web designers' browser support checkist” blog article. Compares
         all of the major browsers. For updates follow @deepbluetweets




         Your IP is:87.106.130.14

         Follow Us Now » Tweet this »


         Web Designer's Checklist
                 Top
                 CSS3 Properties
                 CSS3 Selectors
                 Web Applications
                 Embedded Content
                 Web Forms 2.0

         CSS3 Properties

             Platform                    MAC                                    WIN




1 / 10                                                                        2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...


            Browser     CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA
            Version        5      3.6   10.1   4     5  4   3.6 3 10 10.5

             RGBA       Y         Y         Y       Y       Y    Y    Y     Y Y Y


             HSLA       Y         Y         Y       Y       Y    Y    Y     Y Y Y


           Multiple
                     Y            Y         N       Y       Y    Y    Y     N N Y
         Backgrounds


         Border Image Y           Y         N       Y       Y    Y    Y     N N Y


             Border
                        Y         Y         N       Y       Y    Y    Y     Y N Y
             Radius


          Box Shadow Y            Y         N       Y       Y    Y    Y     N N Y


            Opacity     Y         Y         Y       Y       Y    Y    Y     Y Y Y


             CSS
                     Y            N         N       Y       Y    Y    N     N N N
          Animations

              CSS
                        Y         Y         N       Y       Y    Y    Y     Y N N
            Columns

             CSS
                        Y         Y         N       Y       Y    Y    Y     N N N
           Gradients

              CSS
                       Y          N         N       Y       Y    Y    N     N N N
           Reflections

             CSS
                     Y            Y         N       Y       Y    Y    Y     N N Y
          Transforms

             CSS
          Transforms Y            N         N       Y       Y    Y    N     N N N
              3D




2 / 10                                                                       2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...



              CSS
                       Y            N        N       Y        Y    Y    N      N N Y
           Transitions

             CSS
                         Y          Y        Y       Y        Y    Y    Y      N Y Y
           FontFace


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         CSS3 Selectors

            Platform                    MAC                                       WIN

            Browser     CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA
            Version        5      3.6   10.1   4     5  4   3.6 3 10 10.5

            CSS3:
                      Y             Y       Y        Y       Y     Y    Y     Y Y Y
          Begins with

          CSS3: Ends
                     Y              Y       Y        Y       Y     Y    Y     Y Y Y
             with

             CSS3:
                        Y           Y       Y        Y       Y     Y    Y     Y Y Y
            Matches


          CSS3: Root Y              Y       Y        Y       Y     Y    Y     Y Y Y


             CSS3:
                        Y           Y       Y        Y       Y     Y    Y     N Y Y
            nth-child

            CSS3:
                        Y           Y       Y        Y       Y     Y    Y     N Y Y
         nth-last-child

            CSS3:
                      Y             Y       Y        Y       Y     Y    Y     N Y Y
          nth-of-type

             CSS3:
            nth-last-   Y           Y       Y        Y       Y     Y    Y     N Y Y
            of-type



3 / 10                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...



            Platform                    MAC                                       WIN

            Browser     CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA
            Version        5      3.6   10.1   4     5  4   3.6 3 10 10.5

             CSS3:
                        Y         Y         Y        Y       Y     Y    Y     Y Y Y
           last-child

          CSS3: first-
                       Y          Y         Y        Y       Y     Y    Y     N Y Y
            of-type

             CSS3:
                       Y          Y         Y        Y       Y     Y    Y     N Y Y
          last-of-type

            CSS3:
                        Y         Y         Y        Y       Y     Y    Y     Y Y Y
           only-child

            CSS3:
                       Y          Y         Y        Y       Y     Y    Y     N Y Y
          only-of-type


         CSS3: empty Y            Y         Y        Y       Y     Y    Y     Y Y Y


          CSS3: target Y          Y         Y        Y       Y     Y    Y     Y Y Y


             CSS3:
                        Y         Y         Y        Y       Y     Y    Y     Y Y Y
            enabled

             CSS3:
                        Y         Y         Y        Y       Y     Y    Y     Y Y Y
            disabled

             CSS3:
                        Y         Y         N        Y       Y     Y    Y     Y N Y
            checked


           CSS3: not Y            Y         Y        Y       Y     Y    Y     Y Y Y

            CSS3:
            General     Y         Y         Y        Y       Y     Y    Y     Y Y Y
            Sibling

         * Percentage score based on 22,434 real-world results recorded since April 1st



4 / 10                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...


         2010. Find out more »

         Contribute your result »

         HTML5 Web Applications

            Platform                    MAC                                       WIN

            Browser     CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA
            Version        5      3.6   10.1   4     5  4   3.6 3 10 10.5

             Local
                        Y           Y       N       Y        Y    Y     Y     N N Y
            Storage

            Session
                        N           Y       N       Y        Y    N     Y     Y N Y
            Storage

            Post
                        Y           Y       Y       Y        Y    Y     Y     Y Y Y
           Message

            Offline
                       Y            Y       N       Y        Y    N     Y     Y N N
          Applications


            Workers     Y           Y       N       Y        Y    Y     Y     N N N


             Query
                        Y           Y       Y       Y        Y    Y     Y     N Y Y
            Selector

             Web
                        Y           N       N       Y        Y    Y     N     N N Y
           Database


         GeoLocation N              Y       N       N        Y    N     Y     N N N


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         HTML5 Embedded Content


5 / 10                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...



         Platform                   MAC                                      WIN

         Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI
         Version    5      3.6   10.1   4     5  4   3.6 3 10 10.5  4

          Canvas Y            Y        Y        Y        Y    Y    Y      Y Y Y       Y


          Canvas
                 Y            Y        N        Y        Y    Y    Y      N N Y       Y
           Text


           Audio Y            Y        N        Y        Y    Y    Y      N N Y       Y


           Video Y            Y        N        Y        Y    Y    Y      N N Y       Y


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         HTML5 Audio Codecs

         Platform                   MAC                                      WIN

         Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI
         Version    5      3.6   10.1   4     5  4   3.6 3 10 10.5  4

          Audio:
                 Y            Y        N        N        Y    Y    Y      N N Y       N
           ogg

          Audio:
                 N            N        N        Y        N    N    N      N N Y       Y
           mp3

          Audio:
                 N            Y        N        Y        N    N    Y      N N Y       Y
           wav

          Audio:
                 Y            N        N        N        Y    Y    N      N N Y       N
           AAC


         * Percentage score based on 22,434 real-world results recorded since April 1st



6 / 10                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...


         2010. Find out more »

         Contribute your result »

         HTML5 Video Codecs

         Platform                     MAC                                          WIN

         Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI
         Version    5      3.6   10.1   4     5  4   3.6 3 10 10.5  4

          Video:
                 Y            Y         N       N        Y       Y       Y       N N Y    N
           ogg

          Video:
                 Y            N         N       Y        Y       Y       N       N N N    Y
          H.264


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         HTML5 Forms Inputs

          Platform                     MAC                                          WIN

          Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI
          Version    5      3.6   10.1   4     5  4   3.6 3 10 10.5

           Form:
                     Y            N         N       Y        Y       Y       N    N N N       Y
           Search

           Form:
                     Y            N         N       Y        Y       Y       N    N N N       Y
           Phone

            Form:
                     Y            N         Y       Y        Y       Y       N    N Y Y       Y
             URL

            Form:
                     Y            N         Y       Y        Y       Y       N    N Y Y       Y
            Email




7 / 10                                                                              2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...



          Platform                   MAC                                       WIN

          Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI
          Version    5      3.6   10.1   4     5  4   3.6 3 10 10.5

           Form:
                   Y            N        Y        N        Y    N    N      N Y Y         N
          DateTime

            Form:
                     Y          N        Y        N        Y    N    N      N Y Y         N
             Date

           Form:
                     Y          N        Y        N        Y    N    N      N Y Y         N
           Month

            Form:
                     Y          N        Y        N        Y    N    N      N Y Y         N
            Week

            Form:
                     Y          N        Y        N        Y    N    N      N Y Y         N
            Time

           Form:
                   Y            N        Y        N        Y    N    N      N Y Y         N
         LocalTime

            Form:
                  Y             N        Y        Y        Y    Y    N      N Y Y         Y
           Number

           Form:
                     Y          N        Y        Y        Y    Y    N      N Y Y         Y
           Range

           Form:
                     Y          N        N        N        Y    Y    N      N N N         N
           Colour


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         HTML5 Forms Attributes

            Platform                     MAC                                       WIN

            Browser      CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA



8 / 10                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...


              Version             5           3.6          10.1       4       5       4   3.6   3 10 10.5

            Form:
                      N                   N            Y          N       N       N       N     N Y Y
         Autocomplete

              Form:
                             Y            N            Y          Y       Y       Y       N     N Y Y
            Autofocus


            Form: List       N            N            Y          N       N       N       N     N Y Y


              Form:
                       Y                  N            N          Y       Y       Y       N     N N N
           Placeholder


            Form: Min        Y            N            Y          N       Y       Y       N     N Y Y


           Form: Max         Y            N            Y          N       Y       Y       N     N Y Y


              Form:
                             Y            Y            N          Y       Y       Y       Y     N N N
             Multiple


         Form: Pattern Y                  N            Y          N       Y       Y       N     N Y Y


             Form:
                             Y            N            Y          N       Y       Y       N     N Y Y
            Required


           Form: Step Y                   N            Y          N       Y       N       N     N Y Y


         * Percentage score based on 22,434 real-world results recorded since April 1st
         2010. Find out more »

         Contribute your result »

         A 20% project by DeepBlueSky web designers in Bath



         Tests brought to you with the help of Modernizr.js, Litmus, Maxmind & Spirit
         Framework

                 Leave Feedback



9 / 10                                                                                          2010/07/03 15:23
Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope...


               Twitter
               Blog
               Got an idea?




10 / 10                                                                      2010/07/03 15:23

More Related Content

Similar to Web designers' browser support checklist

Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3Denise Jacobs
 
CSS3: Ready for Primetime?
CSS3: Ready for Primetime?CSS3: Ready for Primetime?
CSS3: Ready for Primetime?Jeff Bridgforth
 
CSS3: Ripe and Ready
CSS3: Ripe and ReadyCSS3: Ripe and Ready
CSS3: Ripe and ReadyDenise Jacobs
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondDenise Jacobs
 
Modernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 supportModernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 supportPaul Irish
 
Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)elliotjaystocks
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web TypographyTrent Walton
 
Website trends 2012 presentation
Website trends 2012 presentationWebsite trends 2012 presentation
Website trends 2012 presentationFresh_Egg
 
Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)elliotjaystocks
 
Principles Of Web Design Workshop
Principles Of Web Design WorkshopPrinciples Of Web Design Workshop
Principles Of Web Design WorkshopGavin Elliott
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comapplicake
 
10 Advanced CSS Techniques (You Wish You Knew More About)
10 Advanced CSS Techniques (You Wish You Knew More About)10 Advanced CSS Techniques (You Wish You Knew More About)
10 Advanced CSS Techniques (You Wish You Knew More About)Emily Lewis
 
20111129 modernizr
20111129 modernizr20111129 modernizr
20111129 modernizrbrooky-yen
 
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixCSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixSara Cannon
 
[WebVisions 2010] CSS3 Workshop (Afternoon)
[WebVisions 2010] CSS3 Workshop (Afternoon)[WebVisions 2010] CSS3 Workshop (Afternoon)
[WebVisions 2010] CSS3 Workshop (Afternoon)Christopher Schmitt
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline Worldelliotjaystocks
 

Similar to Web designers' browser support checklist (20)

Intro to CSS3
Intro to CSS3Intro to CSS3
Intro to CSS3
 
FOWD NYC 2009
FOWD NYC 2009FOWD NYC 2009
FOWD NYC 2009
 
Http _css-tricks
Http  _css-tricksHttp  _css-tricks
Http _css-tricks
 
Simply Responsive CSS3
Simply Responsive CSS3Simply Responsive CSS3
Simply Responsive CSS3
 
CSS3: Ready for Primetime?
CSS3: Ready for Primetime?CSS3: Ready for Primetime?
CSS3: Ready for Primetime?
 
CSS3: Ripe and Ready
CSS3: Ripe and ReadyCSS3: Ripe and Ready
CSS3: Ripe and Ready
 
CSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to RespondCSS3: Ripe and Ready to Respond
CSS3: Ripe and Ready to Respond
 
Modernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 supportModernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 support
 
Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)Stop Worrying & Get On With It (FOWD Tour 2009)
Stop Worrying & Get On With It (FOWD Tour 2009)
 
Controlling Web Typography
Controlling Web TypographyControlling Web Typography
Controlling Web Typography
 
Website trends 2012 presentation
Website trends 2012 presentationWebsite trends 2012 presentation
Website trends 2012 presentation
 
Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)Stop Worrying & Get On With It (WDC Bristol 2009)
Stop Worrying & Get On With It (WDC Bristol 2009)
 
Principles Of Web Design Workshop
Principles Of Web Design WorkshopPrinciples Of Web Design Workshop
Principles Of Web Design Workshop
 
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.comA brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
A brief look at CSS3 techniques by Aaron Rodgers, Web Designer @ vzaar.com
 
10 Advanced CSS Techniques (You Wish You Knew More About)
10 Advanced CSS Techniques (You Wish You Knew More About)10 Advanced CSS Techniques (You Wish You Knew More About)
10 Advanced CSS Techniques (You Wish You Knew More About)
 
20111129 modernizr
20111129 modernizr20111129 modernizr
20111129 modernizr
 
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp PhoenixCSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp Phoenix
 
[WebVisions 2010] CSS3 Workshop (Afternoon)
[WebVisions 2010] CSS3 Workshop (Afternoon)[WebVisions 2010] CSS3 Workshop (Afternoon)
[WebVisions 2010] CSS3 Workshop (Afternoon)
 
Close Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline WorldClose Your Browser: Finding Inspiration In The Offline World
Close Your Browser: Finding Inspiration In The Offline World
 
HTML 5 Overview
HTML 5 OverviewHTML 5 Overview
HTML 5 Overview
 

More from Kelly Holonic

_HTML5で組んでみた_
_HTML5で組んでみた__HTML5で組んでみた_
_HTML5で組んでみた_Kelly Holonic
 
_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回Kelly Holonic
 
タスクバーからネットワークアイコンが消えた
タスクバーからネットワークアイコンが消えたタスクバーからネットワークアイコンが消えた
タスクバーからネットワークアイコンが消えたKelly Holonic
 
IgRemoteについて
IgRemoteについてIgRemoteについて
IgRemoteについてKelly Holonic
 
ガンブラー攻撃に関して
ガンブラー攻撃に関してガンブラー攻撃に関して
ガンブラー攻撃に関してKelly Holonic
 
HTML5コンテンツ・モデル
HTML5コンテンツ・モデルHTML5コンテンツ・モデル
HTML5コンテンツ・モデルKelly Holonic
 

More from Kelly Holonic (6)

_HTML5で組んでみた_
_HTML5で組んでみた__HTML5で組んでみた_
_HTML5で組んでみた_
 
_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回_WEB の作業が楽になるテクニック総まとめ 第7回
_WEB の作業が楽になるテクニック総まとめ 第7回
 
タスクバーからネットワークアイコンが消えた
タスクバーからネットワークアイコンが消えたタスクバーからネットワークアイコンが消えた
タスクバーからネットワークアイコンが消えた
 
IgRemoteについて
IgRemoteについてIgRemoteについて
IgRemoteについて
 
ガンブラー攻撃に関して
ガンブラー攻撃に関してガンブラー攻撃に関して
ガンブラー攻撃に関して
 
HTML5コンテンツ・モデル
HTML5コンテンツ・モデルHTML5コンテンツ・モデル
HTML5コンテンツ・モデル
 

Web designers' browser support checklist

  • 1. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Skip to Main Content (access key: s) Skip to Primary Navigation (access key: n) Skip to Secondary Navigation (access key: b) View Accessibility Statement (access key: 0) View Sitemap (access key: 9) Primary Navigation FindMeByIP.com Web Design SEO Experts IE9 Preview Get a FREE Account Sign In Coming soon: “Web designers' browser support checkist” blog article. Compares all of the major browsers. For updates follow @deepbluetweets Your IP is:87.106.130.14 Follow Us Now » Tweet this » Web Designer's Checklist Top CSS3 Properties CSS3 Selectors Web Applications Embedded Content Web Forms 2.0 CSS3 Properties Platform MAC WIN 1 / 10 2010/07/03 15:23
  • 2. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 RGBA Y Y Y Y Y Y Y Y Y Y HSLA Y Y Y Y Y Y Y Y Y Y Multiple Y Y N Y Y Y Y N N Y Backgrounds Border Image Y Y N Y Y Y Y N N Y Border Y Y N Y Y Y Y Y N Y Radius Box Shadow Y Y N Y Y Y Y N N Y Opacity Y Y Y Y Y Y Y Y Y Y CSS Y N N Y Y Y N N N N Animations CSS Y Y N Y Y Y Y Y N N Columns CSS Y Y N Y Y Y Y N N N Gradients CSS Y N N Y Y Y N N N N Reflections CSS Y Y N Y Y Y Y N N Y Transforms CSS Transforms Y N N Y Y Y N N N N 3D 2 / 10 2010/07/03 15:23
  • 3. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... CSS Y N N Y Y Y N N N Y Transitions CSS Y Y Y Y Y Y Y N Y Y FontFace * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » CSS3 Selectors Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 CSS3: Y Y Y Y Y Y Y Y Y Y Begins with CSS3: Ends Y Y Y Y Y Y Y Y Y Y with CSS3: Y Y Y Y Y Y Y Y Y Y Matches CSS3: Root Y Y Y Y Y Y Y Y Y Y CSS3: Y Y Y Y Y Y Y N Y Y nth-child CSS3: Y Y Y Y Y Y Y N Y Y nth-last-child CSS3: Y Y Y Y Y Y Y N Y Y nth-of-type CSS3: nth-last- Y Y Y Y Y Y Y N Y Y of-type 3 / 10 2010/07/03 15:23
  • 4. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 CSS3: Y Y Y Y Y Y Y Y Y Y last-child CSS3: first- Y Y Y Y Y Y Y N Y Y of-type CSS3: Y Y Y Y Y Y Y N Y Y last-of-type CSS3: Y Y Y Y Y Y Y Y Y Y only-child CSS3: Y Y Y Y Y Y Y N Y Y only-of-type CSS3: empty Y Y Y Y Y Y Y Y Y Y CSS3: target Y Y Y Y Y Y Y Y Y Y CSS3: Y Y Y Y Y Y Y Y Y Y enabled CSS3: Y Y Y Y Y Y Y Y Y Y disabled CSS3: Y Y N Y Y Y Y Y N Y checked CSS3: not Y Y Y Y Y Y Y Y Y Y CSS3: General Y Y Y Y Y Y Y Y Y Y Sibling * Percentage score based on 22,434 real-world results recorded since April 1st 4 / 10 2010/07/03 15:23
  • 5. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... 2010. Find out more » Contribute your result » HTML5 Web Applications Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 Local Y Y N Y Y Y Y N N Y Storage Session N Y N Y Y N Y Y N Y Storage Post Y Y Y Y Y Y Y Y Y Y Message Offline Y Y N Y Y N Y Y N N Applications Workers Y Y N Y Y Y Y N N N Query Y Y Y Y Y Y Y N Y Y Selector Web Y N N Y Y Y N N N Y Database GeoLocation N Y N N Y N Y N N N * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » HTML5 Embedded Content 5 / 10 2010/07/03 15:23
  • 6. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 4 Canvas Y Y Y Y Y Y Y Y Y Y Y Canvas Y Y N Y Y Y Y N N Y Y Text Audio Y Y N Y Y Y Y N N Y Y Video Y Y N Y Y Y Y N N Y Y * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » HTML5 Audio Codecs Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 4 Audio: Y Y N N Y Y Y N N Y N ogg Audio: N N N Y N N N N N Y Y mp3 Audio: N Y N Y N N Y N N Y Y wav Audio: Y N N N Y Y N N N Y N AAC * Percentage score based on 22,434 real-world results recorded since April 1st 6 / 10 2010/07/03 15:23
  • 7. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... 2010. Find out more » Contribute your result » HTML5 Video Codecs Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 4 Video: Y Y N N Y Y Y N N Y N ogg Video: Y N N Y Y Y N N N N Y H.264 * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » HTML5 Forms Inputs Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 Form: Y N N Y Y Y N N N N Y Search Form: Y N N Y Y Y N N N N Y Phone Form: Y N Y Y Y Y N N Y Y Y URL Form: Y N Y Y Y Y N N Y Y Y Email 7 / 10 2010/07/03 15:23
  • 8. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA SAFARI Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 Form: Y N Y N Y N N N Y Y N DateTime Form: Y N Y N Y N N N Y Y N Date Form: Y N Y N Y N N N Y Y N Month Form: Y N Y N Y N N N Y Y N Week Form: Y N Y N Y N N N Y Y N Time Form: Y N Y N Y N N N Y Y N LocalTime Form: Y N Y Y Y Y N N Y Y Y Number Form: Y N Y Y Y Y N N Y Y Y Range Form: Y N N N Y Y N N N N N Colour * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » HTML5 Forms Attributes Platform MAC WIN Browser CHROME FIREFOX OPERA SAFARI CHROME FIREFOX OPERA 8 / 10 2010/07/03 15:23
  • 9. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Version 5 3.6 10.1 4 5 4 3.6 3 10 10.5 Form: N N Y N N N N N Y Y Autocomplete Form: Y N Y Y Y Y N N Y Y Autofocus Form: List N N Y N N N N N Y Y Form: Y N N Y Y Y N N N N Placeholder Form: Min Y N Y N Y Y N N Y Y Form: Max Y N Y N Y Y N N Y Y Form: Y Y N Y Y Y Y N N N Multiple Form: Pattern Y N Y N Y Y N N Y Y Form: Y N Y N Y Y N N Y Y Required Form: Step Y N Y N Y N N N Y Y * Percentage score based on 22,434 real-world results recorded since April 1st 2010. Find out more » Contribute your result » A 20% project by DeepBlueSky web designers in Bath Tests brought to you with the help of Modernizr.js, Litmus, Maxmind & Spirit Framework Leave Feedback 9 / 10 2010/07/03 15:23
  • 10. Web Designer's Checklist, Web Design Tools &... http://www.findmebyip.com/litmus/#css3-prope... Twitter Blog Got an idea? 10 / 10 2010/07/03 15:23