2. ASP.NET Loves HTML5 Mads Kristensen Program Manager Microsoft Corporation DEV303

3. HTML5 ASP.NET 4 & 4.5 FOR

4. WHY

5. A NEW Standard Web

6. section hgroup nav footerarticle aside websockets keyframes validation boxshadow storage video canvas audio progress header time

7. s impler emantic maller s s

8. .rounded { padding: 10px; position: relative; }.rounded-top-left,.rounded-top-right,.rounded-bottom-left,.rounded-bottom-right { height: 10px; position: absolute; width: 10px; }.rounded-top-left { background-image: url(../images/topleft.gif); left: 0; top: 0; }.rounded-top-right { background-image: url(../images/topright.gif); right: 0; top: 0; }.rounded-bottom-left { background-image: url(../images/bottomleft.gif); bottom: 0; left: 0; }.rounded-bottom-left { background-image: url(../images/bottomright.gif); bottom: 0; left: 0; } Rounded Corners.rounded { border-radius: 10px; } Rounded corners 37 lines 8 lines

9. $(function () { $("input[type=text]").each(function () { $(this).val(this.title); $(this).addClass("placeholder"); }); $("input[type=text]").focus(function () { if ($(this).val() === this.title) { $(this).val = ""; $(this).removeClass("placeholder"); } }); $("input[type=text]").blur(function () { if ($(this).val() === "") { $(this).val(this.title); $(this).addClass("placeholder"); } }); 1 pat h 5 path s

10. Link Some Content Ad © mix ed not related self contai ned

11. Link Some Content Ad © fix ed separat ed portab le

12. DEMO

13. madskristensen.net codeplex @mkristensen slides by osbornm

14. DEV308: JavaScript: The Developer Experience DEV302: What’s new in Visual Studio 2012 for Web Developers DEV304: ASP.NET for Mobile and Tablet Development Find me later at the TLC, Tue & Wed 10:30 AM – 1:00 PM

15. Connect. Share. Discuss. http://europe.msteched.com Learning Microsoft Certification & Training Resources www.microsoft.com/learning TechNet Resources for IT Professionals http://microsoft.com/technet Resources for Developers http://microsoft.com/msdn

16. Evaluations http://europe.msteched.com/sessions Submit your evals online