Basic HTML5 (PDF) - Roger Whitney

2 downloads 39 Views 1MB Size Report
Jan 30, 2011 ... HTML5 & CSS3 Develop with Tomorrow's Standards Today, Hogan, Pragmatic ... Modernizr Documentation, http://www.modernizr.com/.
CS 696 Emerging Web and Mobile Technologies Spring Semester, 2011 Doc 5 Basic HTML5 Jan 30, 2011 Copyright ©, All rights reserved. 2011 SDSU & Roger Whitney, 5500 Campanile Drive, San Diego, CA 92182-7700 USA. OpenContent (http:// www.opencontent.org/opl.shtml) license defines the copyright on this document.

Monday, January 31, 2011

References HTML5 & CSS3 Develop with Tomorrow's Standards Today, Hogan, Pragmatic Programmers Cloud Four Blog, http://www.cloudfour.com/mobile-web-iphone-android-and-blackberry-mostly/ QuirksBlog,Peter-Paul Koch, http://www.quirksmode.org/blog/ Asymco Blog, http://www.asymco.com/2011/01/31/fourth-quarter-mobile-phone-industry-overview/ Programming the Mobile Web, Firtman, O'Reilly, 2010 Modernizr Documentation, http://www.modernizr.com/ jQuery Documentation, http://jqueryui.com/

2 Monday, January 31, 2011

Some Mobile Numbers

3 Monday, January 31, 2011

Mobile Phone Web Usage - USA Device iPhone

% of Mobile Traffic

% of Mobile traffic

Change from 3 Quarter

Safari

34%

-3

BlackBerry

33%

+1

Android

24%

+4

Opera

3%

0

NetFront

2%

0

Nokia

1%

0

Other

3%

-2

Browser

63%

Android

26%

BlackBerry

7%

Other

4%

Web sites monitored by Cloud Four Dec 2010 & Jan 2011

4'th Quarter Reported by QuirksBlog Data from StatCounter 4 Monday, January 31, 2011

Cloud Four source: http://www.cloudfour.com/mobile-web-iphone-android-and-blackberry-mostly/ QuirksBlog source: http://www.quirksmode.org/blog/archives/2011/01/mobile_browser_2.html StatCounter source: http://gs.statcounter.com/

India & China India Browser

China

Share

Change

Opera

60%

0

Nokia

27%

NetFront

Browser

Share

Change

UCWeb

68%

0

-1

Nokia

16%

-3

7%

+1

Safari

7%

+2

Samsung

2%

0

Opera

3%

0

Other

4%

0

Android

2%

+1

Sony Ericsson

2%

0

Samsung

1%

0

Other

1%

0

Mobile share of Webpage visits Mobile

16%

+2

Mobile share of Webpage visits Mobile

2%

0

5 Monday, January 31, 2011

QuirksBlog source: http://www.quirksmode.org/blog/archives/2011/01/mobile_browser_1.html & http://www.quirksmode.org/ blog/archives/2011/01/mobile_browser_3.html

Few Other Countries Mexico Browser Share

UK Browser

Share

South Korea Browser Share

Safari

30%

BlackBerry

31%

Android

82%

Nokia

29%

Safari

38%

Safari

14%

BlackBerry

12%

Android

10%

Nokia

1%

Opera

9%

Nokia

4%

Opera

1%

Android

4%

Opera

3%

Other

2%

NetFront

4%

NetFront

1%

Sony PSP

3%

Other

3%

Bolt

2%

Samsung

2%

Sony Ericsson

1%

Openwave

1%

Other

4%

6 Monday, January 31, 2011

Source: http://www.quirksmode.org/blog/archives/2011/01/mobile_browser_3.html & http://www.quirksmode.org/blog/ archives/2011/01/mobile_browser_2.html

Profit worldwide of Mobile Vendors

7 Monday, January 31, 2011

Source: http://www.asymco.com/2011/01/31/fourth-quarter-mobile-phone-industry-overview/ Profit is from the mobile part of each company. Companies like Apple, LG, and Samsung generate profits from other parts to their company, but those profits are not shown here.

Emulators Opera (Windows, Mac, Linux) http://www.opera.com/developer/tools/ Nokia (Windows XP) http://www.forum.nokia.com/Library/Tools_and_downloads/Other/Symbian_SDKs/ BlackBerry (Windows only, lots of simulators) http://us.blackberry.com/developers/resources/simulators.jsp

8 Monday, January 31, 2011

HTML 5

9 Monday, January 31, 2011

HTML5 Features Descriptive markup Audio & Video without plugins Cross-Document messaging Web Sockets Client-Side Storage Offline functionality Location Canvas for drawing

10 Monday, January 31, 2011

Deprecated Tags basefont big center font s strike tt u

frame frameset noframes

acronym applet dir

11 Monday, January 31, 2011

replaced by abbr replaced by object replaced by ul

Dropped attributes align link, vlink, alink, and text (body) bgcolor height and width scrolling (iframe) valign hspace and vspace cellpadding, cellspacing, and border (table) target (a) longdesc (img) profile (head)

12 Monday, January 31, 2011

Descriptive Markup