Wednesday, October 12, 2011

XHTML, HTML4, and HTML5

A Introduction to Web Design & Programming
http://www.jingzhoustudio.net/web/wp/index.html

XHTML and HTML Essential Training
http://www.lynda.com/tutorial/47603
http://www.jingzhoustudio.net/web/wp2/index.html

****************************
HTML5 Demos

http://html5demos.com

Dive into HTML5
http://diveintohtml5.info
http://diveintohtml5.info/table-of-contents.html

HTML5 First Look
http://www.lynda.com/HTML-5-tutorials/html5-first-look/67161-2.html

1.4 Current HTML5 support
http://www.lynda.com/home/Player.aspx?lpk4=72694&playChapter=False


Find Me by IP
http://www.findmebyip.com

findmebyip.com -
HTML5 & CSS3 Support
http://www.findmebyip.com/litmus/

Windows Internet Explorer Testing Center
http://samples.msdn.microsoft.com/ietestcenter/

When can I use...
http://caniuse.com

Modernizr
http://www.modernizr.com/

1.5. What HTML5 is (and what it isn't)
http://www.lynda.com/home/Player.aspx?lpk4=72695&playChapter=False

2.1 HTML5 vs. HTML4

http://www.lynda.com/home/Player.aspx?lpk4=72697&playChapter=False

2.5 Deprecated elements
http://www.lynda.com/home/Player.aspx?lpk4=72701&playChapter=False

2.6 API overview
http://www.lynda.com/home/Player.aspx?lpk4=72702&playChapter=False

3.1 Content models
http://www.lynda.com/home/Player.aspx?lpk4=72704&playChapter=False

3.2 Understanding the outline algorithm
http://www.lynda.com/home/Player.aspx?lpk4=72705&playChapter=False

3.5 DOCTYPE declarations
http://www.lynda.com/home/Player.aspx?lpk4=72708&playChapter=False

3.6 Character encoding
http://www.lynda.com/home/Player.aspx?lpk4=72709&playChapter=False


4.1 Basic page structure
http://www.lynda.com/home/Player.aspx?lpk4=72711&playChapter=False

4.4 Building headers - this part is the most confusing one. there are two more tutorials before this one.
http://www.lynda.com/home/Player.aspx?lpk4=72714&playChapter=False

4.5 Checking document outlines
http://www.lynda.com/home/Player.aspx?lpk4=72715&playChapter=False

HTML 5 Outliner - online
http://gsnedders.html5.org/outliner/

HTML 5 Outliner - download and install
http://code.google.com/p/h5o/

4.6 Ensuring cross-browser structure

http://www.lynda.com/home/Player.aspx?lpk4=72716&playChapter=False
http://code.google.com/p/html5shiv/
6.1 Canvas overview
http://www.lynda.com/home/Player.aspx?lpk4=72725&playChapter=False

6.4 Drag-and-drop API overview
http://www.lynda.com/home/Player.aspx?lpk4=72728&playChapter=False

6.6 Video overview
http://www.lynda.com/home/Player.aspx?lpk4=72730&playChapter=False

6.7 Encoding video
http://www.lynda.com/home/Player.aspx?lpk4=72731&playChapter=False

6.8 Adding video
http://www.lynda.com/home/Player.aspx?lpk4=72732&playChapter=False

7.4 CSS3 overview
http://www.lynda.com/home/Player.aspx?lpk4=72737&playChapter=False

eCsstender
http://ecsstender.org

Css3 Generator
http://css3generator.com

7.5 Enhancing typography with CSS3
- COOL!
http://www.lynda.com/home/Player.aspx?lpk4=72738&playChapter=False
7.6 Using @font-face - COOL!
http://www.lynda.com/home/Player.aspx?lpk4=72739&playChapter=False

7.7 Styling HTML5 with CSS3 - COOL!
http://www.lynda.com/home/Player.aspx?lpk4=72740&playChapter=False

2 Column layout

drop shadow

rounded corners

7.8 Using CSS3 transitions - just experimental
http://www.lynda.com/home/Player.aspx?lpk4=72741&playChapter=False

8.1 Final thoughts
http://www.lynda.com/home/Player.aspx?lpk4=72743&playChapter=False
http://dev.w3.org/html5/spec/Overview.html
http://www.whatwg.org/specs/web-apps/current-work/multipage/