SlideShare a Scribd company logo
state of the web 2009
                   john allsopp & satoshi kikuchi
                           web directions



                                      the state of the web 2009
2009   5   25
(goal)


                                (to get a snap shot of)


                                        (the technologies)


                       (the techniques)


                       (philosophies)




                (developers and designers are using aroudn the world)



                                                          the state of the web 2009
2009   5   25
who we surveyed



                         the state of the web 2009
2009   5   25
(When was the survey)




                2008   12   (December 2008)




                                              the state of the web 2009
2009   5   25
(how we reached the respondents)




                (email to past conference attendees)




                (via prominent developer and designer sites)




                                                           the state of the web 2009
2009   5   25
(Who responded?)




                            1200                  (over 1200 people from all

                over the world)

                                                 (majority from US, Australia

                and UK)

                            10        (about 10 from Japan)




                                                   the state of the web 2009
2009   5   25
(What do they do?)

                48.5%
                (48.5% describe themselves as developers)

                33%
                (33% as designers)

                               ”                          ” ”                       ”
                                     (other roles included “producer”, “analyst”,

                “manager”)



                                                           the state of the web 2009
2009   5   25
(Companies and organizations)
                                   (Design Agency)          25.85%
                 (Technology)                               18.72%
                         (Other)                            13.70%
                           (Media)                          10.45%
                      (Education)                           10.13%
                                 (Charity/Not for Profit)    3.40%
                      (Banking & Finance)                   2.67%
                      (National Government)                 2.43%
                            (State/Regional Government)     2.35%
                                 (Health)                   1.78%
                                 (Engineering)              1.30%
                            (Local Government)              1.30%
                      (Telecoms)                            1.22%
                      (Retail)                              1.13%


                                                           the state of the web 2009
2009   5   25
(Companies and organizations)


                         (Freelancer)               18.23%
                (Small Company (up to 10))          19.04%
                (Medium Company (up to 50))         19.77%
                (Large Company (up to 500))         14.91%
                   (Huge Company (more than 500))   18.72%




                                              the state of the web 2009
2009   5   25
(Who are they?)




                (early adopter)



                (largely english speakers)



                               (“developers” and designers)




                                       the state of the web 2009
2009   5   25
Browsers and
                Operating Systems


                          the state of the web 2009
2009   5   25
OS
                          (O/S they use)



                Mac OS X 10.5              41.49%
                Windows XP                 37.68%
                Windows Vista              9.16%
                Mac OS X 10.4              5.27%
                Linux                      4.54%
                Unix                       0.08%




                                      the state of the web 2009
2009   5   25
(Primary Browser they use)

                Firefox 3                        60.05%
                Safari 3                         20.91%
                Google Chrome                    4.21%
                Firefox 2                        3.57%
                IE7                              3.24%
                Opera                            3.08%
                IE6                              1.22%
                IE8                              0.24%
                Safari 2                         0.08%


                                          the state of the web 2009
2009   5   25
(Browsers they test with)
                Firefox 3                      91.98%
                IE7                            89.47%
                Safari 3                       80.39%
                IE6                            78.44%
                Opera                          49.92%
                Firefox 2                      48.95%
                Google Chrome                  39.55%
                IE8                            29.50%
                Mobile Safari                  20.99%
                Safari 2                       19.21%
                Opera Mobile                   4.94%
                IE5                            4.29%

                                           the state of the web 2009
2009   5   25
Markup



                    the state of the web 2009
2009   5   25
HTML? XHTML?

                XHTML (Exclusively XHTML)                       42.38%
                   XHML               HTML(Mostly XHTML, sometimes HTML)
                                                                29.74%
                   HTML               XHTML(Mostly HTML, sometimes XHTML)
                                                                15.88%
                HTML    (Exclusively HTML)                      5.92%
                XML                                             0.73%




                                                       the state of the web 2009
2009   5   25
Doctypes
                XHTML 1.01 transitional        34.44%
                XHTML 1.01 strict              31.12%
                HTML 4.01 transitional         11.51%
                HTML 4.01 strict               8.59%
                XHTML 1.1                      4.29%
                HTML 5                         1.30%
                HTML 4.01 frameset             0.24%
                XHTML 1.01 frameset            0.08%



                                          the state of the web 2009
2009   5   25
(How often do they validate their markup?)



                     (Always)           36.79%
                     (Frequently)       32.50%
                     (Sometimes)        22.53%
                           (Never)      3.32%




                                          the state of the web 2009
2009   5   25
?
                     (Tables for layout?)



                  (No)          84.76%
                (Yes)           10.29%




                                   the state of the web 2009
2009   5   25
(Microformats?)
                                                     34.76%
                                                     41.49%
                                                   ?(What are microformats?)
                                                     18.72%




                (Google is now indexing some microformatted data)




                                                          the state of the web 2009
2009   5   25
(Summary)
                Strict    Transitional doctype                          (Using strict

                and transitional doctypes)

                                                                       (avoiding

                presentational markup)

                                                             (validating their sites)




                             (increasingly using semantic markup)



                                                        the state of the web 2009
2009   5   25
CSS & Presentation




                           the state of the web 2009
2009   5   25
?
                (Same in every browser?)
                                      24.64%


                                      57.37%


                                      9.48%




                               the state of the web 2009
2009   5   25
(targeting browsers or standards?)




       W3C              IE                       76.66%
       W3C                                       9.40%
       IE                                        5.02%
       IE                                        0.24%



                                      the state of the web 2009
2009   5   25
(Quirksmode?)




                                9.40%
                                67.67%
                                13.61%




                          the state of the web 2009
2009   5   25
CSS
                (What do you use CSS for?)



                                      90.11%
                                      90.36%
                                      68.96%




                                the state of the web 2009
2009   5   25
(What selectors do you use?)


                         “p.classname {}”            85.66%
            HTML        “p {}”                       83.23%
            ID      “p#idname {}”                    80.96%
                      “p a {}”                       77.88%
                      “p > a {}”                     27.31%




                                            the state of the web 2009
2009   5   25
CSS3
                 (Do you use CSS3?)


                           68.31%
                           22.20%




                               the state of the web 2009
2009   5   25
@font-face
                      (Do you use webfonts & @font-face)

                                          85.90%
                                          4.13%
                                                                  developers s
                                                                  embedding

                                                                  But, when t
                                                                  to EOT over

                                                                  Why?
                           (Which format do you use?)             It’s much m
                                                                  EOT




                Truetype                  4.05%
                EOT                       0.57%




                                             the state of the web 2009
2009   5   25
SVG
                   (Do you use SVG?)
                              74.80%
                              13.94%
                              1.22%



                 Canvas
                  (Do you use Canvas?)
                              80.15%
                              9%
                              0.73%




                                 the state of the web 2009
2009   5   25
PC
                  (Optimize appearance for non PCs?)



                                     25.12%
                                     65.88%

                “mobile” 15%
                iPhone 10%
                1% Blackberry


                                        the state of the web 2009
2009   5   25
JavaScript, Ajax and
                       DOM



                            the state of the web 2009
2009   5   25
JavaScript
                  (Do you use JavaScript?)



                                        73.10%

                                        61.10%

                Ajax                    53.40%

                                        42.14%

                                        5.27%




                                   the state of the web 2009
2009   5   25
JavaScript
                                  (JavaScript Frameworks)

                JQuery                                  62.80%
                Prototype                               23.26%
                Mootools                                19.04%
                script.aculo.us                         18.15%
                YUI                                     10.78%
                                                        9.64%
                Dojo                                    2.92%
                Ext                                     2.67%
                GWT                                     1.30%




                                                   the state of the web 2009
2009   5   25
Flash and Silverlight



                            the state of the web 2009
2009   5   25
(Plug in based content?)

                                          62.72%
                                          27.47%


                                                          content that relies on plug ins is still
                                                          widely used

                                                          Flash dominates, with Quicktime
                                                          surprisingly high.
                Flash                     61.35%
                                                          Silverlight is still trailing significantly in
                Quicktime                 19.61%          terms of developer adoption
                Silverlight               2.11%
                Real                      2.03%




                                                   the state of the web 2009
2009   5   25
in most cases, this kind

                (Used for?)
                                         of content is audio and
                                         video

                                         Very few developers are
                                         using Flash or Silverlight
                                         for whole web sites




                                59.08%
                                39.14%
                                22.04%

                                6.73%



                          the state of the web 2009
2009   5   25
Back End Development
                     and Systems



                           the state of the web 2009
2009   5   25
(Server Software)
                Apache                              68.80%
                Microsoft IIS                       22.69%
                lighthttpd                          5.51%
                GWS                                 0.41%



                                           OS
                                  (Server OS)
                Linux                      58.75%
                Windows                    27.80%
                Unix                       16.69%
                Mac OS X                   5.59%




                                              the state of the web 2009
2009   5   25
(Databases)




                MySQL                         70.42%
                Microsoft SQL Server          21.96%
                Oracle                        9.16%
                none                          3.40%




                                                 the state of the web 2009
2009   5   25
(Programming languages)

                PHP                         63.05%
                JavaScript *                55.11%
                ASP.NET                     16.86%
                Python                      15.15%
                Ruby                        14.42%
                Java                        12.32%
                ASP                         11.67%
                Perl                        8.35%
                ColdFusion                  7.13%




                                               the state of the web 2009
2009   5   25
Backend Frameworks

                None                   29.74%
                Developed internally   19.53%
                Ruby on Rails          13.29%
                Django (Python)        10.78%
                Zend framework (PHP)   6.40%
                CakePHP                6.08%
                Struts (Java)          1.86%




                                          the state of the web 2009
2009   5   25
Summary



                     the state of the web 2009
2009   5   25
Lessons
                                (the messages)

                        (of standards)



                                                              (separation of content,

                 presentation and behavior)


                                         (semantic)

                                                                      (are being heard

                by these developers, and becoming widely recognized best practice)




                                                          the state of the web 2009
2009   5   25
Lessons

                (Increasingly development is a key part of what web professionals do)

                 JavaScript   Ajax
                 (JavaScript and Ajax on the front end)

                                             (Database driven sites)

                                               (back end frameworks)

                JQuery          JavaScript
                (JavaScript libraries like JQuery are widely used)




                                                          the state of the web 2009
2009   5   25
Lessons
                                                For professionals it is important to



                 (understand semantic markup)

                 CSS                     JavaScript   Ajax

                        (understand development with JavaScript and Ajax in

                 addition to markup and CSS)

                                                                             (consider
                 learning backend languages and frameworks)




                (To ensure you keep pace with industry best practice world wide)


                                                         the state of the web 2009
2009   5   25
Lessons

                JavaScript        (For JavaScript developers)

                 JQuery                 JavaScript                                 (get
                 up to speed with one or more major JavaScript Library such as
                 JQuery)




                (To ensure you keep pace with industry best practice world wide)




                                                        the state of the web 2009
2009   5   25
Lessons
                        (For employers it is important to)

                                                     (look for these skills and
                 philosophies when hiring)



                      (continually improve the understanding of your development
                 team in these key areas)




                (To ensure you keep pace with industry best practice world wide)


                                                             the state of the web 2009
2009   5   25
Exciting
                                                                         (these are
                exciting times with emerging and maturing technologies like )


                 HTML5
                 CSS3
                 Canvas
                 SVG
                 Flash and Silverlight

                                                         the state of the web 2009
2009   5   25
Exciting

                (these are exciting times with the web now)


                         (on mobiles)


                             (televisions)


                                     (gaming devices)


                             (refrigerators!)


                                                         the state of the web 2009
2009   5   25
Exciting



                (it’s important to keep up to date, or risk missing the opportunities
                these developments present)




                                                           the state of the web 2009
2009   5   25
Thank you


                John Allsopp
                Satoshi Kikuchi
                Web Directions




                                  the state of the web 2009
2009   5   25

More Related Content

Similar to WDE09 State of The Web Japanese version

Mitx Slides July07 1
Mitx Slides July07 1Mitx Slides July07 1
Mitx Slides July07 1
Compete
 
Democratization of IT - october 18 - 20m
Democratization of IT - october 18 - 20mDemocratization of IT - october 18 - 20m
Democratization of IT - october 18 - 20m
Alistair Croll
 
Mobile devcon metrics of the mobile web
Mobile devcon   metrics of the mobile webMobile devcon   metrics of the mobile web
Mobile devcon metrics of the mobile web
Avenga Germany GmbH
 
紙copi Night 2009.12.04
紙copi Night 2009.12.04紙copi Night 2009.12.04
紙copi Night 2009.12.04
Isshu Rakusai
 
Fighting Fragmentation with Fragments
Fighting Fragmentation with FragmentsFighting Fragmentation with Fragments
Fighting Fragmentation with Fragments
grunicanada
 
『英国のモバイル広告市場:ケーススタディ 』
『英国のモバイル広告市場:ケーススタディ 』『英国のモバイル広告市場:ケーススタディ 』
『英国のモバイル広告市場:ケーススタディ 』
gipwest
 
Eclipse survey 2012 report [final]
Eclipse survey 2012 report [final]Eclipse survey 2012 report [final]
Eclipse survey 2012 report [final]
Ian Skerrett
 
Presentation 4 q09
Presentation 4 q09Presentation 4 q09
Presentation 4 q09
Eternit S.A.
 
CASMA Globant Mobile Presentation
CASMA Globant Mobile PresentationCASMA Globant Mobile Presentation
CASMA Globant Mobile Presentation
Andrew Burgert
 
The Rise of the Experience Web - Peter Walsh - Acquia
The Rise of the Experience Web - Peter Walsh - AcquiaThe Rise of the Experience Web - Peter Walsh - Acquia
The Rise of the Experience Web - Peter Walsh - Acquia
Acquia
 
Creating videos people want to watch
Creating videos people want to watchCreating videos people want to watch
Creating videos people want to watch
Richard Harrington
 
The Next Web 2009 Highlights - Ruigrok | NetPanel
The Next Web 2009 Highlights - Ruigrok | NetPanelThe Next Web 2009 Highlights - Ruigrok | NetPanel
The Next Web 2009 Highlights - Ruigrok | NetPanel
Marja Ruigrok
 
Horizon March 2010
Horizon March 2010Horizon March 2010
Horizon March 2010
Muki Haklay
 
Trillion dollar toothbrushes
Trillion dollar toothbrushesTrillion dollar toothbrushes
Trillion dollar toothbrushes
João Ribeiro
 
Mobile development : reaching critical mass
Mobile development : reaching critical massMobile development : reaching critical mass
Mobile development : reaching critical mass
Alessandro Thellung
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
Gen Kanai
 
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
Taro Matsuzawa
 
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
Emulex Corporation
 
The Intersection of Usability, Accessibility, and SEO
The Intersection of Usability, Accessibility, and SEOThe Intersection of Usability, Accessibility, and SEO
The Intersection of Usability, Accessibility, and SEO
DesignHammer
 
Mozilla 2009 All Hands
Mozilla 2009 All HandsMozilla 2009 All Hands
Mozilla 2009 All Hands
John Lilly
 

Similar to WDE09 State of The Web Japanese version (20)

Mitx Slides July07 1
Mitx Slides July07 1Mitx Slides July07 1
Mitx Slides July07 1
 
Democratization of IT - october 18 - 20m
Democratization of IT - october 18 - 20mDemocratization of IT - october 18 - 20m
Democratization of IT - october 18 - 20m
 
Mobile devcon metrics of the mobile web
Mobile devcon   metrics of the mobile webMobile devcon   metrics of the mobile web
Mobile devcon metrics of the mobile web
 
紙copi Night 2009.12.04
紙copi Night 2009.12.04紙copi Night 2009.12.04
紙copi Night 2009.12.04
 
Fighting Fragmentation with Fragments
Fighting Fragmentation with FragmentsFighting Fragmentation with Fragments
Fighting Fragmentation with Fragments
 
『英国のモバイル広告市場:ケーススタディ 』
『英国のモバイル広告市場:ケーススタディ 』『英国のモバイル広告市場:ケーススタディ 』
『英国のモバイル広告市場:ケーススタディ 』
 
Eclipse survey 2012 report [final]
Eclipse survey 2012 report [final]Eclipse survey 2012 report [final]
Eclipse survey 2012 report [final]
 
Presentation 4 q09
Presentation 4 q09Presentation 4 q09
Presentation 4 q09
 
CASMA Globant Mobile Presentation
CASMA Globant Mobile PresentationCASMA Globant Mobile Presentation
CASMA Globant Mobile Presentation
 
The Rise of the Experience Web - Peter Walsh - Acquia
The Rise of the Experience Web - Peter Walsh - AcquiaThe Rise of the Experience Web - Peter Walsh - Acquia
The Rise of the Experience Web - Peter Walsh - Acquia
 
Creating videos people want to watch
Creating videos people want to watchCreating videos people want to watch
Creating videos people want to watch
 
The Next Web 2009 Highlights - Ruigrok | NetPanel
The Next Web 2009 Highlights - Ruigrok | NetPanelThe Next Web 2009 Highlights - Ruigrok | NetPanel
The Next Web 2009 Highlights - Ruigrok | NetPanel
 
Horizon March 2010
Horizon March 2010Horizon March 2010
Horizon March 2010
 
Trillion dollar toothbrushes
Trillion dollar toothbrushesTrillion dollar toothbrushes
Trillion dollar toothbrushes
 
Mobile development : reaching critical mass
Mobile development : reaching critical massMobile development : reaching critical mass
Mobile development : reaching critical mass
 
2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference2011 07 Malaysia Open Source Conference
2011 07 Malaysia Open Source Conference
 
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
(元)コミュニティメンバーから見たMozilla / Firefoxの歴史と展望@Browser Workshop
 
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
How to Increase Performance and Virtualization Efficiency with Emulex 16Gb FC...
 
The Intersection of Usability, Accessibility, and SEO
The Intersection of Usability, Accessibility, and SEOThe Intersection of Usability, Accessibility, and SEO
The Intersection of Usability, Accessibility, and SEO
 
Mozilla 2009 All Hands
Mozilla 2009 All HandsMozilla 2009 All Hands
Mozilla 2009 All Hands
 

More from Satoshi Kikuchi

Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会
Satoshi Kikuchi
 
The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web Development
Satoshi Kikuchi
 
The State Of Web Development (data only)
The State Of Web Development (data only)The State Of Web Development (data only)
The State Of Web Development (data only)
Satoshi Kikuchi
 
Html5 wh
Html5 whHtml5 wh
Html5 wh
Satoshi Kikuchi
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
Satoshi Kikuchi
 
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
Satoshi Kikuchi
 
Html5 Loading
Html5 LoadingHtml5 Loading
Html5 Loading
Satoshi Kikuchi
 
Html5
Html5Html5
Make your website 2 times faster
Make your website 2 times fasterMake your website 2 times faster
Make your website 2 times faster
Satoshi Kikuchi
 
WDE08 State of the web
WDE08 State of the webWDE08 State of the web
WDE08 State of the web
Satoshi Kikuchi
 
WDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to ZWDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to Z
Satoshi Kikuchi
 
WDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with AjaxWDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with Ajax
Satoshi Kikuchi
 
WDE09 state of the web panel discussion
WDE09 state of the web panel discussionWDE09 state of the web panel discussion
WDE09 state of the web panel discussion
Satoshi Kikuchi
 
SwapSkills css3
SwapSkills css3SwapSkills css3
SwapSkills css3
Satoshi Kikuchi
 
WDE09 The usability for Japan and overseas
WDE09  The usability for Japan and overseasWDE09  The usability for Japan and overseas
WDE09 The usability for Japan and overseas
Satoshi Kikuchi
 
WDE08 CSS Reloaded Ja
WDE08 CSS Reloaded JaWDE08 CSS Reloaded Ja
WDE08 CSS Reloaded Ja
Satoshi Kikuchi
 

More from Satoshi Kikuchi (16)

Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会Responsive Web Design HTML5勉強会
Responsive Web Design HTML5勉強会
 
The State of Web Development
The State of Web DevelopmentThe State of Web Development
The State of Web Development
 
The State Of Web Development (data only)
The State Of Web Development (data only)The State Of Web Development (data only)
The State Of Web Development (data only)
 
Html5 wh
Html5 whHtml5 wh
Html5 wh
 
サルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkillsサルでもできるWebデザイン:SwapSkills
サルでもできるWebデザイン:SwapSkills
 
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01サルでもできるウェブデザイン : SwapSkills 2010 Vol01
サルでもできるウェブデザイン : SwapSkills 2010 Vol01
 
Html5 Loading
Html5 LoadingHtml5 Loading
Html5 Loading
 
Html5
Html5Html5
Html5
 
Make your website 2 times faster
Make your website 2 times fasterMake your website 2 times faster
Make your website 2 times faster
 
WDE08 State of the web
WDE08 State of the webWDE08 State of the web
WDE08 State of the web
 
WDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to ZWDE08 BULLETPROOF A to Z
WDE08 BULLETPROOF A to Z
 
WDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with AjaxWDE08 Designing for interaction with Ajax
WDE08 Designing for interaction with Ajax
 
WDE09 state of the web panel discussion
WDE09 state of the web panel discussionWDE09 state of the web panel discussion
WDE09 state of the web panel discussion
 
SwapSkills css3
SwapSkills css3SwapSkills css3
SwapSkills css3
 
WDE09 The usability for Japan and overseas
WDE09  The usability for Japan and overseasWDE09  The usability for Japan and overseas
WDE09 The usability for Japan and overseas
 
WDE08 CSS Reloaded Ja
WDE08 CSS Reloaded JaWDE08 CSS Reloaded Ja
WDE08 CSS Reloaded Ja
 

Recently uploaded

Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
rajancomputerfbd
 
Amul milk launches in US: Key details of its new products ...
Amul milk launches in US: Key details of its new products ...Amul milk launches in US: Key details of its new products ...
Amul milk launches in US: Key details of its new products ...
chetankumar9855
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
ishalveerrandhawa1
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
Emerging Tech
 
Using LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and MilvusUsing LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and Milvus
Zilliz
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
Andrey Yasko
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Bert Blevins
 
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
maigasapphire
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
RaminGhanbari2
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
Eric D. Schabell
 
Data Integration Basics: Merging & Joining Data
Data Integration Basics: Merging & Joining DataData Integration Basics: Merging & Joining Data
Data Integration Basics: Merging & Joining Data
Safe Software
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
Lidia A.
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Bert Blevins
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
KAMAL CHOUDHARY
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Mydbops
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
ArgaBisma
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
Priyanka Aash
 
Salesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot WorkshopSalesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot Workshop
CEPTES Software Inc
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
Tatiana Al-Chueyr
 

Recently uploaded (20)

Choose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presenceChoose our Linux Web Hosting for a seamless and successful online presence
Choose our Linux Web Hosting for a seamless and successful online presence
 
Amul milk launches in US: Key details of its new products ...
Amul milk launches in US: Key details of its new products ...Amul milk launches in US: Key details of its new products ...
Amul milk launches in US: Key details of its new products ...
 
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-InTrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
TrustArc Webinar - 2024 Data Privacy Trends: A Mid-Year Check-In
 
Calgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptxCalgary MuleSoft Meetup APM and IDP .pptx
Calgary MuleSoft Meetup APM and IDP .pptx
 
Implementations of Fused Deposition Modeling in real world
Implementations of Fused Deposition Modeling  in real worldImplementations of Fused Deposition Modeling  in real world
Implementations of Fused Deposition Modeling in real world
 
Using LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and MilvusUsing LLM Agents with Llama 3, LangGraph and Milvus
Using LLM Agents with Llama 3, LangGraph and Milvus
 
Comparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdfComparison Table of DiskWarrior Alternatives.pdf
Comparison Table of DiskWarrior Alternatives.pdf
 
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly DetectionAdvanced Techniques for Cyber Security Analysis and Anomaly Detection
Advanced Techniques for Cyber Security Analysis and Anomaly Detection
 
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
Girls Call Churchgate 9910780858 Provide Best And Top Girl Service And No1 in...
 
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyyActive Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
Active Inference is a veryyyyyyyyyyyyyyyyyyyyyyyy
 
Observability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetryObservability For You and Me with OpenTelemetry
Observability For You and Me with OpenTelemetry
 
Data Integration Basics: Merging & Joining Data
Data Integration Basics: Merging & Joining DataData Integration Basics: Merging & Joining Data
Data Integration Basics: Merging & Joining Data
 
WPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide DeckWPRiders Company Presentation Slide Deck
WPRiders Company Presentation Slide Deck
 
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
Understanding Insider Security Threats: Types, Examples, Effects, and Mitigat...
 
Recent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS InfrastructureRecent Advancements in the NIST-JARVIS Infrastructure
Recent Advancements in the NIST-JARVIS Infrastructure
 
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsScaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - Mydbops
 
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdfWhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
WhatsApp Image 2024-03-27 at 08.19.52_bfd93109.pdf
 
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
(CISOPlatform Summit & SACON 2024) Keynote _ Power Digital Identities With AI...
 
Salesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot WorkshopSalesforce AI & Einstein Copilot Workshop
Salesforce AI & Einstein Copilot Workshop
 
Best Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdfBest Practices for Effectively Running dbt in Airflow.pdf
Best Practices for Effectively Running dbt in Airflow.pdf
 

WDE09 State of The Web Japanese version

  • 1. state of the web 2009 john allsopp & satoshi kikuchi web directions the state of the web 2009 2009 5 25
  • 2. (goal) (to get a snap shot of) (the technologies) (the techniques) (philosophies) (developers and designers are using aroudn the world) the state of the web 2009 2009 5 25
  • 3. who we surveyed the state of the web 2009 2009 5 25
  • 4. (When was the survey) 2008 12 (December 2008) the state of the web 2009 2009 5 25
  • 5. (how we reached the respondents) (email to past conference attendees) (via prominent developer and designer sites) the state of the web 2009 2009 5 25
  • 6. (Who responded?) 1200 (over 1200 people from all over the world) (majority from US, Australia and UK) 10 (about 10 from Japan) the state of the web 2009 2009 5 25
  • 7. (What do they do?) 48.5% (48.5% describe themselves as developers) 33% (33% as designers) ” ” ” ” (other roles included “producer”, “analyst”, “manager”) the state of the web 2009 2009 5 25
  • 8. (Companies and organizations) (Design Agency) 25.85% (Technology) 18.72% (Other) 13.70% (Media) 10.45% (Education) 10.13% (Charity/Not for Profit) 3.40% (Banking & Finance) 2.67% (National Government) 2.43% (State/Regional Government) 2.35% (Health) 1.78% (Engineering) 1.30% (Local Government) 1.30% (Telecoms) 1.22% (Retail) 1.13% the state of the web 2009 2009 5 25
  • 9. (Companies and organizations) (Freelancer) 18.23% (Small Company (up to 10)) 19.04% (Medium Company (up to 50)) 19.77% (Large Company (up to 500)) 14.91% (Huge Company (more than 500)) 18.72% the state of the web 2009 2009 5 25
  • 10. (Who are they?) (early adopter) (largely english speakers) (“developers” and designers) the state of the web 2009 2009 5 25
  • 11. Browsers and Operating Systems the state of the web 2009 2009 5 25
  • 12. OS (O/S they use) Mac OS X 10.5 41.49% Windows XP 37.68% Windows Vista 9.16% Mac OS X 10.4 5.27% Linux 4.54% Unix 0.08% the state of the web 2009 2009 5 25
  • 13. (Primary Browser they use) Firefox 3 60.05% Safari 3 20.91% Google Chrome 4.21% Firefox 2 3.57% IE7 3.24% Opera 3.08% IE6 1.22% IE8 0.24% Safari 2 0.08% the state of the web 2009 2009 5 25
  • 14. (Browsers they test with) Firefox 3 91.98% IE7 89.47% Safari 3 80.39% IE6 78.44% Opera 49.92% Firefox 2 48.95% Google Chrome 39.55% IE8 29.50% Mobile Safari 20.99% Safari 2 19.21% Opera Mobile 4.94% IE5 4.29% the state of the web 2009 2009 5 25
  • 15. Markup the state of the web 2009 2009 5 25
  • 16. HTML? XHTML? XHTML (Exclusively XHTML) 42.38% XHML HTML(Mostly XHTML, sometimes HTML) 29.74% HTML XHTML(Mostly HTML, sometimes XHTML) 15.88% HTML (Exclusively HTML) 5.92% XML 0.73% the state of the web 2009 2009 5 25
  • 17. Doctypes XHTML 1.01 transitional 34.44% XHTML 1.01 strict 31.12% HTML 4.01 transitional 11.51% HTML 4.01 strict 8.59% XHTML 1.1 4.29% HTML 5 1.30% HTML 4.01 frameset 0.24% XHTML 1.01 frameset 0.08% the state of the web 2009 2009 5 25
  • 18. (How often do they validate their markup?) (Always) 36.79% (Frequently) 32.50% (Sometimes) 22.53% (Never) 3.32% the state of the web 2009 2009 5 25
  • 19. ? (Tables for layout?) (No) 84.76% (Yes) 10.29% the state of the web 2009 2009 5 25
  • 20. (Microformats?) 34.76% 41.49% ?(What are microformats?) 18.72% (Google is now indexing some microformatted data) the state of the web 2009 2009 5 25
  • 21. (Summary) Strict Transitional doctype (Using strict and transitional doctypes) (avoiding presentational markup) (validating their sites) (increasingly using semantic markup) the state of the web 2009 2009 5 25
  • 22. CSS & Presentation the state of the web 2009 2009 5 25
  • 23. ? (Same in every browser?) 24.64% 57.37% 9.48% the state of the web 2009 2009 5 25
  • 24. (targeting browsers or standards?) W3C IE 76.66% W3C 9.40% IE 5.02% IE 0.24% the state of the web 2009 2009 5 25
  • 25. (Quirksmode?) 9.40% 67.67% 13.61% the state of the web 2009 2009 5 25
  • 26. CSS (What do you use CSS for?) 90.11% 90.36% 68.96% the state of the web 2009 2009 5 25
  • 27. (What selectors do you use?) “p.classname {}” 85.66% HTML “p {}” 83.23% ID “p#idname {}” 80.96% “p a {}” 77.88% “p > a {}” 27.31% the state of the web 2009 2009 5 25
  • 28. CSS3 (Do you use CSS3?) 68.31% 22.20% the state of the web 2009 2009 5 25
  • 29. @font-face (Do you use webfonts & @font-face) 85.90% 4.13% developers s embedding But, when t to EOT over Why? (Which format do you use?) It’s much m EOT Truetype 4.05% EOT 0.57% the state of the web 2009 2009 5 25
  • 30. SVG (Do you use SVG?) 74.80% 13.94% 1.22% Canvas (Do you use Canvas?) 80.15% 9% 0.73% the state of the web 2009 2009 5 25
  • 31. PC (Optimize appearance for non PCs?) 25.12% 65.88% “mobile” 15% iPhone 10% 1% Blackberry the state of the web 2009 2009 5 25
  • 32. JavaScript, Ajax and DOM the state of the web 2009 2009 5 25
  • 33. JavaScript (Do you use JavaScript?) 73.10% 61.10% Ajax 53.40% 42.14% 5.27% the state of the web 2009 2009 5 25
  • 34. JavaScript (JavaScript Frameworks) JQuery 62.80% Prototype 23.26% Mootools 19.04% script.aculo.us 18.15% YUI 10.78% 9.64% Dojo 2.92% Ext 2.67% GWT 1.30% the state of the web 2009 2009 5 25
  • 35. Flash and Silverlight the state of the web 2009 2009 5 25
  • 36. (Plug in based content?) 62.72% 27.47% content that relies on plug ins is still widely used Flash dominates, with Quicktime surprisingly high. Flash 61.35% Silverlight is still trailing significantly in Quicktime 19.61% terms of developer adoption Silverlight 2.11% Real 2.03% the state of the web 2009 2009 5 25
  • 37. in most cases, this kind (Used for?) of content is audio and video Very few developers are using Flash or Silverlight for whole web sites 59.08% 39.14% 22.04% 6.73% the state of the web 2009 2009 5 25
  • 38. Back End Development and Systems the state of the web 2009 2009 5 25
  • 39. (Server Software) Apache 68.80% Microsoft IIS 22.69% lighthttpd 5.51% GWS 0.41% OS (Server OS) Linux 58.75% Windows 27.80% Unix 16.69% Mac OS X 5.59% the state of the web 2009 2009 5 25
  • 40. (Databases) MySQL 70.42% Microsoft SQL Server 21.96% Oracle 9.16% none 3.40% the state of the web 2009 2009 5 25
  • 41. (Programming languages) PHP 63.05% JavaScript * 55.11% ASP.NET 16.86% Python 15.15% Ruby 14.42% Java 12.32% ASP 11.67% Perl 8.35% ColdFusion 7.13% the state of the web 2009 2009 5 25
  • 42. Backend Frameworks None 29.74% Developed internally 19.53% Ruby on Rails 13.29% Django (Python) 10.78% Zend framework (PHP) 6.40% CakePHP 6.08% Struts (Java) 1.86% the state of the web 2009 2009 5 25
  • 43. Summary the state of the web 2009 2009 5 25
  • 44. Lessons (the messages) (of standards) (separation of content, presentation and behavior) (semantic) (are being heard by these developers, and becoming widely recognized best practice) the state of the web 2009 2009 5 25
  • 45. Lessons (Increasingly development is a key part of what web professionals do) JavaScript Ajax (JavaScript and Ajax on the front end) (Database driven sites) (back end frameworks) JQuery JavaScript (JavaScript libraries like JQuery are widely used) the state of the web 2009 2009 5 25
  • 46. Lessons For professionals it is important to (understand semantic markup) CSS JavaScript Ajax (understand development with JavaScript and Ajax in addition to markup and CSS) (consider learning backend languages and frameworks) (To ensure you keep pace with industry best practice world wide) the state of the web 2009 2009 5 25
  • 47. Lessons JavaScript (For JavaScript developers) JQuery JavaScript (get up to speed with one or more major JavaScript Library such as JQuery) (To ensure you keep pace with industry best practice world wide) the state of the web 2009 2009 5 25
  • 48. Lessons (For employers it is important to) (look for these skills and philosophies when hiring) (continually improve the understanding of your development team in these key areas) (To ensure you keep pace with industry best practice world wide) the state of the web 2009 2009 5 25
  • 49. Exciting (these are exciting times with emerging and maturing technologies like ) HTML5 CSS3 Canvas SVG Flash and Silverlight the state of the web 2009 2009 5 25
  • 50. Exciting (these are exciting times with the web now) (on mobiles) (televisions) (gaming devices) (refrigerators!) the state of the web 2009 2009 5 25
  • 51. Exciting (it’s important to keep up to date, or risk missing the opportunities these developments present) the state of the web 2009 2009 5 25
  • 52. Thank you John Allsopp Satoshi Kikuchi Web Directions the state of the web 2009 2009 5 25