• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
WDE09 State of The Web Japanese version
 

WDE09 State of The Web Japanese version

on

  • 1,285 views

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

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

Statistics

Views

Total Views
1,285
Views on SlideShare
1,285
Embed Views
0

Actions

Likes
2
Downloads
1
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    WDE09 State of The Web Japanese version WDE09 State of The Web Japanese version Presentation Transcript

    • 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