• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Como hacer sus sitios web más usables con Internet Explorer 9 y 10
 

Como hacer sus sitios web más usables con Internet Explorer 9 y 10

on

  • 666 views

 

Statistics

Views

Total Views
666
Views on SlideShare
639
Embed Views
27

Actions

Likes
0
Downloads
0
Comments
0

3 Embeds 27

http://paper.li 24
http://www.linkedin.com 2
http://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Como hacer sus sitios web más usables con Internet Explorer 9 y 10 Como hacer sus sitios web más usables con Internet Explorer 9 y 10 Presentation Transcript

    • Cómo hacer sus sitios más usables con Internet Explorer 9
    • Los browsers son el nuevo núcleo del PC
    • Para los desarrolladores el browser es el lugar donde se ejecutaran sus aplicaciones
    • Los nuevos estándares de la industria y las nuevas exigencias del usuario
    • HTML5
      3 claves para crear aplicaciones web poderosas
      Chakra
    • Todos debemos crear aplicaciones que aprovechen de manera adecuada el hardware disponible
    • El usuario está inmerso en la web
    • ¿Qué está pasando
    • 57% del tiempo en el computador es utilizado en el browser
    • Qué hay de todas estas aplicaciones
    • El browser es el teatro no la película ni la obra
    • La web de manera nativa… a través de Windows
      Sitios con brillo
      Integrados con Windows 7
      Barra de direcciones inteligente
      Simple y calmado
      Colocando el foco en sus sitios!
    • Sitios Anclados
    • El sabor de nuestra aplicación
    • Listas personalizadas
    • Integrar nuestro sitio con el
      escritorio de
    • Colombia Ready!!!
    • Tu sitio ready!!!
    • Sitios Top
    • HTML5
      El Poder de
    • Qué es HTML5?
      HyperTextMarkupLanguage
      versión 5
    • Si bueno pero que es HTML?
    • Estándar robusto
      2000
      1995
      1998
      2010
      1989 - 1991
      1999
      Borrador
      HTML 5.0
      HTML 4.0
      HTML 1.0 Y 2.0
      HTML 3.0
      XHTML 1.0
      HTML 4.1
      • Html5 no sólo define cómo se deben analizar los documentos, sino también cómo se deben interpretar si no son válidos o si están mal formados.
      • Etiquetas con codecs para mostrar los contenidos multimedia (canvas 2D y 3D, audio, video) .
      • Etiquetas para manejar grandes conjuntos de datos (Datagrid, Details, menu y Command).
      • Mejoras en los formularios: nuevos tipos de datos (eMail, number, url, datetime …)
      • Visores: MathML (fórmulas matemáticas) y SVG (gráficos vectoriales).
      • Añade etiquetas para manejar la Web Semántica (Web 3.0): header, footer, article, nav, time( fecha del contenido)
      • Nuevas APIs y Javascript (API para hacer Drag & Drop)
      Novedades HTML5
    • Audio, Video, Texto y Canvas
    • Audio
    • Video
    • Texto y Canvas
    • Beneficios de HTML5 acelerado por hardware
    • La GPU no es solo para jugar
    • Todos tienen una GPU
      Multi-Core CPU
      GPU
    • Implementación tradicional
      Images
      Text
      Video
      SVG
      Canvas
      CSS3
    • Implementación de IE9
      Images
      Text
      Video
      SVG
      Canvas
      CSS3
      El poder de DirectX, Direct2D y DirectWrite.
    • Otros
      Images
      Text
      Video
      SVG
      Canvas
      CSS3
      El poder de DirectX, Direct2D y DirectWrite.
    • Otros
      Images
      Text
      Video
      SVG
      Canvas
      CSS3
      El poder de DirectX, Direct2D y DirectWrite.
    • Same markup
      Interoperable
    • Trabajando con estándares
      Member of many W3C Working Groups
      Leading the W3C HTML5 Testing Task Force
      The HTML Working Group
      40 W3C Member Organizations
      411 group participants
      280 invited experts
      9 mailing lists
      ~4000 emails on public-html
    • Definiendo “same markup”
    • El estandard HTML5 aún es un borrador, tiene más de 1100 páginas y continua evolucionando
      Atención: Borrador!
    • HTML5 Acelerado por hardware - FishTank
    • Chakra
    • Qué es Chakra?
    • Máquinas que utilizan los usuarios
    • Maquinaria para ganar rendimiento
    • Javascript – Multicore
    • Subsistema de javascript en IE8
    • Subsistema de javascript en IE9
    • El resultado
    • Compilación de javascript en segundo plano y optimizador
    • Equilibro entre compilado e interpretado
    • Interpretado
      Core #1
      Foreground
      Parser
      Interpreter
      Byte Code
      AST
      Source Code
    • Compilado
      Core #1
      Foreground
      Parser
      Interpreter
      Byte Code
      AST
      Source Code
      Core #2
      Background
      Native Code
      Background Compiler
    • Arquitectura
    • Nivel 1
    • Nivel 2
    • Parser
    • Generador de Bytecode
    • Librerías de javascript
    • DOM
    • Benchmarks
    • Benchmarks
    • Sunspider
    • Mozilla Kraken
      Mozilla Kraken
    • Acid3
    • HTML 5Benchmarks
      http://www.kevs3d.co.uk/dev/asteroidsbench/
    • Preguntas
    • @JuanKRuiz
    • http://www.facebook.com/arquitecto.software