asp.net html5

25
Gonzalo “Chalalo” Pérez Correa Microsoft MVP ASP/ASP.NET www.chalalo.cl @chalalo ASP.NET y la relación con HTML5, CSS3 & JavaScript

Upload: gonzalo-c

Post on 24-May-2015

924 views

Category:

Technology


0 download

DESCRIPTION

Relación de ASP.NET con HTML5 :)

TRANSCRIPT

Page 1: Asp.net html5

Gonzalo “Chalalo” Pérez CorreaMicrosoft MVP ASP/ASP.NETwww.chalalo.cl@chalalo

ASP.NET y la relación con HTML5, CSS3 & JavaScript

Page 2: Asp.net html5

Seguramente has escuchado una avalancha de información acerca de

HTML5 y CSS3

Page 3: Asp.net html5

Y surge la pregunta ¿cómo empezar a usar HTML5 y CSS3 con la plataforma

ASP.NET?Y es importante saber que…

Page 4: Asp.net html5

el equipo de ASP.NET se preocupa por HTML5 & CSS3

y lo que están haciendo.

Page 5: Asp.net html5

Como vamos a enterarnos…

Tratando de entender los cambios y los cuidados a tener.

Los cambios que el team de ASP.NET esta haciendo

Como hoy puedes usar HTML5, CSS3 y JavasScript .

Page 6: Asp.net html5

Un nuevo stantard para una nueva Web

Page 7: Asp.net html5
Page 8: Asp.net html5

Marcas más pequeñas, más simples y más semánticas

Page 9: Asp.net html5

¿TE ACUERDAS DE ESTO?

Page 10: Asp.net html5

AHORA ES POSIBLE CON SOLO UNA LINEA

Page 11: Asp.net html5

CSS

2

CSS

3

Page 12: Asp.net html5
Page 13: Asp.net html5

HTM

L 4

HTM

L 5

Page 14: Asp.net html5

HTM

L 4

HTM

L 5

Page 15: Asp.net html5

Mejores Experiencias, para el Cliente y el Developer!

Page 16: Asp.net html5

Elementos formularios, CSS3

demo

Page 17: Asp.net html5

Un lote de nuevos archivos JS aparece en juego…

Page 18: Asp.net html5

Minificación y combinación de Archivos JS y CSS

demo

Page 19: Asp.net html5

Microsoft Confidential

19

El equipo ASP.NET MVC trabajo para dar mejoras en

el Dispositivos Móviles.

Page 20: Asp.net html5

CSS3 Media QueriesMobile Devices

demo

Page 21: Asp.net html5

Microsoft Confidential

21

¿Que podemos hacer para trabajar hoy con HTML5?.

Modernizrhttp://www.modernizr.com/

No se detecta HTML5.Se detectan cualidades de

HTML5.

Page 22: Asp.net html5

Microsoft Confidential

22

¿Puedo usarlo?http://www.caniuse.com

¿Evolución?www.html5readiness.com

¿Y para Móviles?www.mobilehtml5.org

Page 23: Asp.net html5

Microsoft Confidential

23

ASP.NET

Page 24: Asp.net html5

Microsoft Confidential

24

¿Preguntas?

Gonzalo “Chalalo” Pérez CorreaMicrosoft MVP ASP/ASP.NETwww.chalalo.cl@chalalo

Page 25: Asp.net html5

© 2009 Microsoft Corporation. All rights reserved. Microsoft, MSDN, the MSDN logo, and [list other trademarks referenced] are trademarks of the Microsoft group of companies.  The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation.  Because Microsoft must respond

to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. 

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.