Cómo funcionan los navegadores modernos: el detrás de escena

¿Alguna vez se pusieron a pensar cómo funcionan los navegadores por dentro? Desde pequeño he sido muy curioso y me ha interesado “comprender” lo que hay en el interior de las cosas, qué las hace funcionar. Creo que algo de eso he llevado a mi vida profesional y es un tema que me gusta abordar a la hora de explicar el porqué de la “incompatibilidad” de los navegadores.

Yo suelo poner el acento en el motor de renderizado y en el de JavaScript, para ayudar a los alumnos a que entiendan las sutiles “diferencias entre cada uno”. Me gusta explicar que no es que no se adaptan al estándar dino que simplemente “tienen una manera distinta de ver la vida” 😉

La diversidad entre los navegadores se ha incrementado en el último tiempo, especialmente porque a la variedad de navegadores de escritorio se ha sumado el mundo mobile, con una importante cantidad de navegadores que debemos testear, si buscamos que nuestros proyectos funcionen diez puntos en móviles.

Lo importante que debemos saber, como punto de partida para comprender a los navegadores, es que los browser tienen muchos puntos en común en su estructura interna, aunque que cuenten con algunas implementaciones distintas a la hora de representar los contenidos. Todos parten de la misma base y nos puede ayudar mucho a conceptualizar el tema comprender eso. Un excelente artículo sobre esto es el que ha sido publicado en HTML5 Rocks, escrito por Tali Garsiel y Paul Irish, titulado How Browsers Work: Behind the scenes of modern web browsers.

Para quienes busquen un poco más, una herramienta que recomiendo para probar compatibilidad con HTML5 es justamente HTML5 Test. Por el lado de CSS3 tenemos el CSS3 Test, otro gran aliado para probar y ayudarnos a encontrar compatibilidad.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

4 Comentarios en “Cómo funcionan los navegadores modernos: el detrás de escena
  1. Estimado, muy interesante los artículos que publicas, te he seguido desde Chile y he comprado tu libro publicado HTML 5 de users y de verdad creo que eres un aporte a mi conocimiento. Con tus textos me he reencando con el desarrollo de la Web y especialmente con el diseño de la misma a través de CSS3 y HTML5.

    Saludos cordiales desde Chile.

  2. Maria Chacon dice:

    Nesesito saber como puedo obter el Libro

1 Pings/Trackbacks para "Cómo funcionan los navegadores modernos: el detrás de escena"
  1. […] es el camino? En realidad, para los desarrolladores Web, la senda la marcan los navegadores. Esto quiere decir que dependiendo de las preferencias del público a la hora de volcarse a […]

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.