state of the web 2009
                   john allsopp & satoshi kikuchi
                           web directions



     ...
(goal)


                                (to get a snap shot of)


                                        (the technologi...
who we surveyed



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




                2008   12   (December 2008)




                                              th...
(how we reached the respondents)




                (email to past conference attendees)




                (via promine...
(Who responded?)




                            1200                  (over 1200 people from all

                over th...
(What do they do?)

                48.5%
                (48.5% describe themselves as developers)

                33%
 ...
(Companies and organizations)
                                   (Design Agency)          25.85%
                 (Technol...
(Companies and organizations)


                         (Freelancer)               18.23%
                (Small Company ...
(Who are they?)




                (early adopter)



                (largely english speakers)



                     ...
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 X...
(Primary Browser they use)

                Firefox 3                        60.05%
                Safari 3              ...
(Browsers they test with)
                Firefox 3                      91.98%
                IE7                       ...
Markup



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

                XHTML (Exclusively XHTML)                       42.38%
                   XHML              ...
Doctypes
                XHTML 1.01 transitional        34.44%
                XHTML 1.01 strict              31.12%
     ...
(How often do they validate their markup?)



                     (Always)           36.79%
                     (Frequen...
?
                     (Tables for layout?)



                  (No)          84.76%
                (Yes)           10.2...
(Microformats?)
                                                     34.76%
                                              ...
(Summary)
                Strict    Transitional doctype                          (Using strict

                and trans...
CSS & Presentation




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


                                ...
(targeting browsers or standards?)




       W3C              IE                       76.66%
       W3C                 ...
(Quirksmode?)




                                9.40%
                                67.67%
                           ...
CSS
                (What do you use CSS for?)



                                      90.11%
                           ...
(What selectors do you use?)


                         “p.classname {}”            85.66%
            HTML        “p {}” ...
CSS3
                 (Do you use CSS3?)


                           68.31%
                           22.20%




       ...
@font-face
                      (Do you use webfonts & @font-face)

                                          85.90%
    ...
SVG
                   (Do you use SVG?)
                              74.80%
                              13.94%
       ...
PC
                  (Optimize appearance for non PCs?)



                                     25.12%
                   ...
JavaScript, Ajax and
                       DOM



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



                                        73.10%

                 ...
JavaScript
                                  (JavaScript Frameworks)

                JQuery                              ...
Flash and Silverlight



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

                                          62.72%
                                          27.47...
in most cases, this kind

                (Used for?)
                                         of content is audio and
   ...
Back End Development
                     and Systems



                           the state of the web 2009
2009   5   25
(Server Software)
                Apache                              68.80%
                Microsoft IIS                ...
(Databases)




                MySQL                         70.42%
                Microsoft SQL Server          21.96%
...
(Programming languages)

                PHP                         63.05%
                JavaScript *                55...
Backend Frameworks

                None                   29.74%
                Developed internally   19.53%
          ...
Summary



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

                        (of standards)



                        ...
Lessons

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

                 JavaScrip...
Lessons
                                                For professionals it is important to



                 (understa...
Lessons

                JavaScript        (For JavaScript developers)

                 JQuery                 JavaScript...
Lessons
                        (For employers it is important to)

                                                     (...
Exciting
                                                                         (these are
                exciting time...
Exciting

                (these are exciting times with the web now)


                         (on mobiles)


          ...
Exciting



                (it’s important to keep up to date, or risk missing the opportunities
                these de...
Thank you


                John Allsopp
                Satoshi Kikuchi
                Web Directions




              ...
Upcoming SlideShare
Loading in …5
×

WDE09 State of The Web Japanese version

1,015 views

Published on

Web Directions East Express "State of the web09" Japanease version

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,015
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

WDE09 State of The Web Japanese version

  1. 1. state of the web 2009 john allsopp & satoshi kikuchi web directions the state of the web 2009 2009 5 25
  2. 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. 3. who we surveyed the state of the web 2009 2009 5 25
  4. 4. (When was the survey) 2008 12 (December 2008) the state of the web 2009 2009 5 25
  5. 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. 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. 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. 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. 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. 10. (Who are they?) (early adopter) (largely english speakers) (“developers” and designers) the state of the web 2009 2009 5 25
  11. 11. Browsers and Operating Systems the state of the web 2009 2009 5 25
  12. 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. 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. 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. 15. Markup the state of the web 2009 2009 5 25
  16. 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. 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. 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. 19. ? (Tables for layout?) (No) 84.76% (Yes) 10.29% the state of the web 2009 2009 5 25
  20. 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. 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. 22. CSS & Presentation the state of the web 2009 2009 5 25
  23. 23. ? (Same in every browser?) 24.64% 57.37% 9.48% the state of the web 2009 2009 5 25
  24. 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. 25. (Quirksmode?) 9.40% 67.67% 13.61% the state of the web 2009 2009 5 25
  26. 26. CSS (What do you use CSS for?) 90.11% 90.36% 68.96% the state of the web 2009 2009 5 25
  27. 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. 28. CSS3 (Do you use CSS3?) 68.31% 22.20% the state of the web 2009 2009 5 25
  29. 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. 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. 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. 32. JavaScript, Ajax and DOM the state of the web 2009 2009 5 25
  33. 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. 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. 35. Flash and Silverlight the state of the web 2009 2009 5 25
  36. 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. 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. 38. Back End Development and Systems the state of the web 2009 2009 5 25
  39. 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. 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. 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. 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. 43. Summary the state of the web 2009 2009 5 25
  44. 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. 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. 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. 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. 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. 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. 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. 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. 52. Thank you John Allsopp Satoshi Kikuchi Web Directions the state of the web 2009 2009 5 25

×