1. Backwards Compatible HTML5/CSS3 Apps in ASP.NET Nik Kalyani, Founder/CEO, HyperCrunch, Inc.

2. 1996199420082006200420022010200019982012 Nik Kalyani Definiti, Inc. (Technology Services) iWidgets, Inc. (Venture Funded DotCom) DotNetNuke Corp. (Venture Funded O/S CMS) HyperCrunch, Inc. (Stealth Mode) Award Recognition: Microsoft MVP ASP.NET 1996199420082006200420022010200019982012 Co-founded Sold Founded Folded Co-founded Founded CALIFORNIA memy company my hometown stuff I did

3. Agenda Highlights: HTML5 and CSS3 Code Q and A

4. Highlights: HTML5 & CSS3

5. Overview HTML 5 Specifically designed for web applications Nice to search engines and screen readers HTML 5 will update HTML 4.01, DOM Level 2 CSS level 3 Will make it easier to do complex designs Will look the same across all browsers CSS 3 will update CSS level 2 (CSS 2.1)

6. HTML5: New DocType Works now in all browsers for “standards mode” start using it!

7. Structural Elements

8. HTML5: Audio & Video Native Audio Element Native Video Element Download movie

9. HTML5: Canvas - 2D Drawing function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.onload = function(){ ctx.drawImage(img,0,0); ctx.beginPath(); ctx.moveTo(30,96); ctx.lineTo(70,66); ctx.lineTo(103,76); ctx.lineTo(170,15); ctx.stroke(); } img.src = 'images/backdrop.png'; }

10. HTML5: Form Elements New Input Types tel, search, url, email, datetime, date, month, week, time, datetime-local, number, range, color New Elements

11. HTML5: DOM APIs Geo-location Structured Client-side Storage Cross-document Messaging Drag and Drop

12. CSS3 Attributes opacity, rgb, hsla background-size, background-image border-color, border-image, border-radius, box-shadow text-overflow, text-shadow, column-width, column-gap

13. Code Download: http://www.kalyani.com

14. Resources http://html5doctor.com/ http://www.html5test.com/ My Blog: http://www.kalyani.com