Modernizr: Detectar soporte de HTML5 y CSS3

Ahora que HTML5 y todas sus tecnologías son la novedad, los desarrolladores web no podemos evitar sentirnos atraidos a sus nuevas características, y todo lo que trae consigo la nueva generación de la Web. Los nuevos tipos de input, los elementos de video y audio, las transiciones, ¡webfonts!

Sin embargo, hay un detalle que como buenos y éticos desarrolladores web que somos, no podemos dejar pasar: la web es para todos. Y dentro de ese “todo” se encuentran:

  • Los navegadores que no soportan todas las características de HTML5, o al menos las que pensamos utilizar
  • Los navegadores que ya no tienen soporte (por una u otra razón) y que siguen siendo muy utilizados (por una u otra razón)
  • El hecho de que HTML5 y todas las tecnologías que abarca sigan siendo borrador, y aun está sujeto a cambios, como el caso de la etiqueta <video>, que sigue una disputa por cuál formato de video dejar como estándar

Hay una gran variedad de navegadores, y cada uno con distintas versiones, y cada versión con ciertas características soportadas. Decidir cuándo utilizar cierta característica es muy difícil cuando no anticipamos si el navegador la soportará. Pero gracias a eso, existe Modernizr.

Sigue leyendo “Modernizr: Detectar soporte de HTML5 y CSS3”

Anuncios

Javascript – Detección de soporte de funciones

En el post pasado, hablé de que Google está invitando a los desarrolladores a detectar navegadores basados en Chrome para aprovechar las novedades que ellos están implementando en Javascript, con la justificación de que “para que todos los navegadores soporten esas novedades tendrá que pasar mucho tiempo”.

Visto de esta forma, estamos cayendo en lo mismo que sucedía en tiempos de IE vs Netscape: darle preferencia a un navegador y discriminar al resto. Es verdad que hay diferencias entre navegadores, pero la misma forma de Javascript nos permite sortear esas diferencias en la mayoría de los casos.

Un primer caso que puede presentarse es cuando algún navegador realiza una misma operación de forma distinta a otro. En este artículo hablaré de cómo detectar esas diferencias.

Sigue leyendo “Javascript – Detección de soporte de funciones”

Muchos navegadores…

Leí esta noticia en la mañana, que me tomó desprevenido, aunque en realidad es algo que se veía venir.

Según la noticia, Google intenta convencer a los desarrolladores de que se enfoquen en "navegadores basados en Chrome", debido a las ventajas que permite el motor de renderizado usado por este navegador, hablando de nuevas tecnologías web, principalmente javascript.

Muchos dirán "pues claro! si estamos hablando de nuevas tecnologías, por qué no hacer caso!?" Y en cierta forma tienen razón, pero el artículo es un poco engañoso, lo cual no me sorprende viniendo de una empresa como Google.

Sigue leyendo “Muchos navegadores…”

ASP.NET – Invocar JavaScript desde el servidor

La interacción entre el código del lado cliente y el código del lado servidor en una página de ASP.NET es algo complicada. Debemos comprender bien la diferencia entre ambos ambientes para saber cómo utilizarlos y qué limintaciones tenemos.

Sigue leyendo “ASP.NET – Invocar JavaScript desde el servidor”

CSS3 y JQuery – Transisiones

CSS3 incluye una nueva característica para manejo de animaciones usando únicamente hojas de estilos, con las propiedades transition

Para animar la transformación de un objeto en HTML se usaba JavaScript, haciendo que las propiedades del objeto cambiaran gradualmente de un valor origen a un valor destino.

Sigue leyendo “CSS3 y JQuery – Transisiones”