Ie9 + html5

Internet Explorer 9Adria Freixas

Miebro del equipo de desarrollo

Internet Explorer 9 1

AgendaOferta de navegadoresRepaso de versionesEvolución de la web¿Qué necesita el navegador?Qué incluye IE9CaracterísticasHTML5, CSS3Platform Previews


La oferta de navegadores es mas amplia que nunca!


Repaso de las versiones


La evolución de la web

6,6 M de usuarios web en 2000 23 M de usuarios web en 2010


FUNCIONALSOCIAL

ENRIQUECIDA6,6 millones de usuarios web en 2000

¿Qué necesita el navegador?


Ser mas rápido en los sites de hoy y de mañana

Ofrecer protagonismo al site

Proteger a los usuarios y su información privada

Homogeneizar la experiencia web

Que incluye IE 9


Rapidez

Protagonismo del site

Seguridad y fiabilidad

Interoperabilidad

Compatibilidad a nivel local

CaracterísticasSencillez

Barra de notificaciónDiseño simplificadoPágina nueva pestañaPestañas mejoradasOne BoxMejor con Windows 7


Sencillo|Barra de notificaciónNo interrumpe la navegación Informa de eventos y acciones a tomarMuestra información de estado


Sencillo | Diseño simplificado


Sencillo | Página nueva pestaña


Sencillo | Pestañas mejoradas División de pestañas y Windows Aero Snap

Codificación de pestañas por colores

Aislamiento de pestaña

Funciones de pestañas Cerrar pestaña individual / grupo de pestañas / Cerrar las demás

pestañas Agrupar/desagrupar pestañas Actualizar pestaña individual / todas las pestañas Abrir nueva pestaña Duplicar pestañas Reabrir pestañas cerradas Listado de pestañas recientemente cerradas


Sencillo | One BoxBúsqueda desde la barra de direcciones.Entre a una dirección o realice una búsqueda

todo ello desde el mimo sitio.Inline AutoComplete


Sencillo | Mejor con Windows 7 Integración

Jump Lists Sitios anclados Controles de vista previa en miniatura Superposición de iconos


Sencillo | Mejor con Windows 7


http://dev.mikaelsoderstrom.se/ie9/index.html

CaracterísticasFiabilidad

Asesor de rendimientoVista de compatibilidadFiltro de scripts de sitiosVisualización y seguimiento de las descargasInPrivate. Exploración y filtradoFiltro Smart Screen


FiabilidadAsesor de rendimientoAdd-ons Advisor:

Recuperación en caso de estáticaComplemento Performance Advisor

Aislamiento de pestañasRecuperación automáticaRecuperación de pestañas estáticas


FiabilidadVista de compatibilidad


FiabilidadFiltro de scripts de sitiosCross Site Scripting XSSMas habituales en sitios web dinámicos


FiabilidadInPrivate. Exploración y FiltradoHistorial de exploraciónCookiesDatos de formularios


FiabilidadFiltro Smart ScreenFuncionalidad contra

Phishing Malware

Permite Comprobar un site manualmente Desactivar el filtro Reportar una página insegura Control mediante políticas de grupos

Añade Application Reputation

SmartScreen Filter - Microsoft Windows

Internet Explorer 9 Beta 21

http://windows.microsoft.com/en-US/internet-explorer/products/ie-9/features/smartscreen-filter




FiabilidadFiltro Smart Screen IE9 es el navegador más seguro a la hora de bloquear la

amenaza más importante - malware de ingeniaría social - que encontramos hoy en día al desarrollar la actividad más habitual en internet - la navegación online.

99% 95% navegador 4% Application

Reputation


Sugerencias para protegerse del phishing Proteja su información personal.

Para ir a sitios web de confianza escriba la dirección de Internet directamente en la barra de direcciones.

No envíe nunca información personal en un mensaje de correo electrónico, mensaje instantáneo o ventana emergente.

No haga clic en vínculos de mensajes de correo electrónico y mensajes instantáneos de desconocidos o en cualquier otro vínculo que parezca sospechoso. Puesto que incluso pueden falsificarse los mensajes de familiares y amigos, consulte al remitente para asegurarse de que el mensaje proviene realmente de quien dice provenir.

Utilice únicamente sitios web que proporcionen declaraciones de privacidad o información acerca de la forma en la que usan su información personal.

Revise con frecuencia sus extractos bancarios y su historial de tarjetas de crédito, y notifique cualquier actividad sospechosa.


FiabilidadVisualización y seguimiento de las descargas


Instalación e inicio mas rápidoProceso de instalación abreviado y simplificado.Tomar menos decisiones.No es necesario instalar actualizaciones por separado.Numerosos idiomas disponibles y LPI.


Herramientas para desarrolladoresPrototipos rápidosPruebasDebbugingHacer ajustes dentro del código del navegador y tener un preview de los mismos

Conmutación usuario – agente | Tráfico de red | Perfilador de JavaScript


Soporte de políticas de gruposDisable add-on performance notificationTurn off Managing SmartScreen FilterAllow Internet Explorer 8 Shutdown BehaviourAutomatically enable newly installed add-onsPrevent Deleting Download History Enable WebM softwarePrevent configuration of search from the

Address barInstall binaries signed by MD2 and MD4

signing technologiesInternet Explorer 9 27

Herramientas de soporteBlocker ToolkitInternet Explorer Administration Kit (IEAK)Unattend SettingsApplication Compatibility Toolkit


Comparativas

Comparativa IE 9


http://windows.microsoft.com/es-ES/internet-explorer/products/ie-9/compare-browsers

http://windows.microsoft.com/es-ES/internet-explorer/products/ie-9/compare-browsers

HTML 5Estándares cross-browser como CSS y

XHTMLAñade soporte a multimedia, canvas entre

otrosEstandariza comportamiento cross-browserLa especificación sigue siendo un draft y

sigue evolucionando


RápidoMejoras en el rendimiento Sitios web y aplicaciones se cargan mas rápidamente y con mayor

capacidad de respuesta. Navegación mas satisfactoria y envolvente 10% 100% debido a la aceleración por hardware

Sistema Operativo GPU

DirextX Textos, videos y gráficos acelerados por hardware (GPU accelaration & HTML 5)


http://ie.microsoft.com/testdrive/Default.html

Fish in a Tankfish in a tank

Internet Explorer 9 Beta 32

http://ie.microsoft.com/testdrive/Performance/FishIETank/



Nuevo motor JavaScript - Chakra


Source Code

Parser ASTInterprete

rByteCod

e

Foreground

BackgroundBackground Compiler

Native Code

Compiled JavaScript In The BackgroundUsing Multiple

Cores

DOM mejorado en IE9 El responsable del DOM es W3C.

Mayor compatibilidad del DOM en los niveles 2 y 3 (DOM L2 y DOM 3).

Suministra la jerarquía de herencia de objetos DOM correcta de acuerdo a W3C par DOM L2 y L3.

Las páginas en modo IE9, informan de los nombres reales a tipos de objetos COM en uso por parte del motor Chakra que se alinea con los estándares W3C L2 y L3.

Se incrementa la interoperabilidad con otros exploradores.

Los objetos DOM se representan como objetos JavaScript nativos, suministrado mejoras de rendimiento en varios escenarios. Evita realizar cast innecesarios.


DOM mejorado en IE9Extensibilidad de los objetos DOM selectiva, a través de

Object.preventExtensionsCompatibilidad JSON de objetos del DOM.Características de objetos JavaScript nativos mediante

herencia, como por ej: hasOwnProperty, toString, etc.Excepciones W3C DOM: nuevos tipos de excepciones

obtenidos del API del DOM.


HTML5 GPU Powered


Canvas

SVG 1.1 2nd Edtion

CSS 3 Background & Borders Module

CSS 3 Color Models RGBA, HSLA, Opacity

CSS 3 Media

Queries

Web Fonts

Hardware Accelerated<video>

Hardware Accelerated<audio>

Canvas Incluye:

Paths Cuadrados Círculos Texto Imágenes rasterizadas

Los objetos se les tiene que asignar un ID, los canvas y objetos forman parte del DOM y son manipulables por javascript.


Scalable Vector Graphics (SVG)Crear objetos vectoriales 2D usando XML

Formas en lugar de píxeles Basado en SVG 1.1 2nd Edition

Soporte a: Acceso a DOM Document structure, scripting, styling, paths, shapes, colors,

transforms, gradients, patterns, marking, cliping, markers, linking y views


HTML5 <audio>Soporte a <audio>

MP3 y AACAcceso a DOM

AtributosSrcAutoplayControlspreload


HTML <video>Soporte de HTML5 al elemento <video>

Industry.standard MPEG-4/H.264 videoEl video puede ser mezclado con cualquier otro contenido

en la página Contenido HTML, imágenes, gráficos SVG Aceleración por hardware, código GPU

AtributosSrcAutoplayControlsPreloadLoopHeight & width


WOFF Fonts & @font-faceWeb Open Font Format

La fuente que quieras El desarrollador incrusta la fuente en la web


http://dev.w3.org/webfonts/WOFF/tests/UserAgent/Tests/testcaseindex.xht

http://people.mozilla.com/~jkew/woff/udhr-sample/

http://ie.microsoft.com/testdrive/Graphics/WebFonts/Default.html

CSS3 Media QueriesSeleccionar contenido de acuerdo a las

características del mismo.width, height, width-device, device-height,

orientation aspect, ratio, device-aspect-ratio, color, color index, monochrome, and resolution


CSS3 ColorsCSS3 Color

Color alpha con rgba() y hsla ()Control de la transparencia con la propiedad opacidad

CSS3 Color KeywordsSoporte total para CSS3 color keywordsPuede ser usado con cualquier propiedad que utilice

propiedades de color


CSS3 Backgrounds & Borders


Platform Previews


Platform Previews


http://ie.microsoft.com/testdrive/info/userguide/

http://msdn.microsoft.com/en-us/ie/ff468705.aspx

Platform PreviewIE Public Feedback (Windows Live ID)

Report Issue menu from the Platform PreviewIE Tech Feedback ProgramIE DiagnosticsIE Pre-Release Newsgroup


IE Testing Center


http://samples.msdn.microsoft.com/ietestcenter/

HTML5 Test Suite Conformance Results



http://test.w3.org/html/tests/reporting/report.htm

Descubre la nueva experiencia web



http://www.descubrelanuevaexperienciaweb.com/

Gracias por su atención¿Preguntas?



Ie9 + html5

Documents

Transcript of Ie9 + html5