¿Qué es el HTML5 shiv?

HTML5 shiv es algo que se escucha mucho a la hora de hacer un sitio web usando HTML5. Si el sitio que estás haciendo solo debe funcionar en navegadores más avanzados como los que usan Webkit (Chrome, Safari, etc) o Firefox, entonces no es necesario que sigas leyendo esto… a no ser que tu sitio en HTML5 requiera de ser correctamente interpretado por Internet Explorer. IE no reconoce los nuevos elementos del HTML5 (article, section, etc), es por esto que para que los mismos se visualicen correctamente estilizados en el mencionado navegador, es necesario crearlos mediante javascript. La solución es bastante simple, tienes que poner el siguiente código en el head de tu sitio: <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> Cada...

Read more »

Traducción de “HTML 5 + XML = XHTML 5″

HTML 5 Doctor es un excelente sitio en inglés en el cual varios expertos escriben sobre este lenguaje. La verdad que vale la pena leer el total de sus artículos ya que son muy interesantes y útiles. Bruce Lawson es uno de estos gurús, trabaja en la parte de Estándares Web Abiertos para Opera, también es miembro de la “Web Standards Project´s Accesibility Task Force” y de el “W3C Mobile Best Practices Working Group”. El escribe en su blog: www.brucelawson.co.uk y también en www.html5doctor.com. Bruce muy amablemente me dió el permiso para publicar una traducción de su artículo llamado “HTML5 + XML = XHTML 5” publicado el 2 de julio de 2009 en HTML5 Doctor. Así que ¡muchas gracias Bruce!. Traducción Me gusta la sintaxis del XHTML. Es como...

Read more »

Nuevos tipos de input en HTML5

Dentro de la gran cantidad de novedades que nos ofrece el HTML5, una muy interesante son los nuevos valores para el atributo type del elemento input. Estos nuevos tipos de campos hacen que los navegadores adopten distintos comportamientos que, sin dudas, nos van a hacer la vida más fácil a los desarrolladores de sitios web. Así como actualmente tenemos el conocido password que oculta la contraseña con asteriscos o círculos (dependiendo del navegador); ahora contamos con el nuevo search que presenta una pequeña cruz para poder borrar su contenido; o también el nuevo campo numérico number que muestra dos flechas (hacia arriba y hacia abajo) para aumentar o disminuir el valor del número. Algo muy importante a tener en cuenta es que si bien...

Read more »

5 grandes nos enseñan HTML5: Mozilla, Google, Apple, Facebook y Opera

A esta altura es inconmensurable la cantidad de información que existe en la web sobre HTML5. Existen múltiples recursos en línea para que aprendamos cada detalle sobre el mismo, desde blogs personales a grandes portales de tecnología. A continuación te mostramos 5 grandes compañías dentro del mundo de internet que quieren que aprendamos todo sobre HTML5, CSS3 y nuevas tecnologías.   Mozilla Mozilla es el único de esta lista que ofrece contenido enteramente en español. Y por suerte hay unos cuántos artículos y tutoriales. Su sitio es muy recomendable tanto si recién empiezas como si tienes algo de experiencia. HTML5Rocks de Google HTML5Rocks.com es el sitio que nos ofrece Google, con varios artículos y secciones como son las diapositivas,...

Read more »

La etiqueta meta viewport en la web móvil

La etiqueta meta para el viewport fue introducida por Apple en Safari para móviles, para ayudar a los desarrolladores a mejorar la presentación de sus aplicaciones web en un iPhone, iPod Touch o iPad. A continuación una breve explicación y un video muy descriptivo. La etiqueta viewport nos permite a los que construimos sitios web o web apps, definir el ancho, alto y escala del área usada por el navegador para mostrar contenido. Al fijar el ancho o alto del viewport, los desarrolladores podemos usar un número fijo de pixeles (ej: 320, 480, etc) o usar dos constantes, device-width y device height respectivamente.Se considera una buena práctica configurar el viewport con algunas de estas dos constantes, en vez de un ancho o alto fijo. Muchos...

Read more »