• Saltar a la navegación principal
  • Saltar al contenido principal

Sebastián Thüer

Comunicación, diseño y tecnología

  • Acerca
  • Blog
  • Contacto
  • Show Search
Hide Search

recursos

5+5 recursos sobre HTML 5

Sebastián Thüer · 03.10.2009 ·

Siguiendo con la temática del diseño web con HTML5 esta vez quiero presentar una pequeña lista de recursos en español e inglés para aprender y conocer más sobre este lenguaje. Hay recursos de todo tipo: artículos generales, documentos técnicos, galerías de sitios y artículos críticos con el nuevo lenguaje.

Si te parece que hay algún recurso interesante que no está listado podes mencionarlo en los comentarios 😉

Recursos en español

1. HTML 5, ¿revolución o puesta al día?

HTML 5, revolución o puesta al día
Artículo en la revista Consumer Eroski

Este artículo de la revista Consumer Eroski explica los aspectos generales del HTML 5 sin caer en tecnicismos. Brinda una perspectiva general para todas las personas interesadas en temas de tecnología pero que no necesariamente son programadores o diseñadores. Interesante para una primera aproximación.

  • Ver «HTML 5, ¿revolución o puesta al día»

2. Las principales diferencias entre HTML5 y HTML4

Post de Andrés Nieto comparando HTML5 vs. HTML4
Post de Andrés Nieto comparando HTML5 vs. HTML4

Un excelente post de Andrés Nieto que a pesar de tener sus años sigue vigente. Durante este último tiempo su publicó el borrador del HTML5 y se introdujeron algunas modificaciones pero la mayor parte de los elementos que describe Andrés siguen siendo válidos.  La sintaxis, codificación de caracteres, modelos estrictos de contenidos y nuevas etiquetas son analizados en el texto.

  • Ver «Las principales diferencias entre HMLT5 y HTML 4»

3. HTML5: Tabla con las diferencias con HTML4

Tabla comparativa de etiquetas HTML4 y HTML5
Tabla comparativa de etiquetas HTML4 y HTML5

Similar al post anterior, solo que específicamente orientado a desarrolladores y programadores. En Zona Master han traducido la tabla W3Schools para mostrar de manera rápida y sencilla toda las etiquetas que cambian entre ambas versiones del lenguaje. Sencillo y práctico.

  • Ver «HTML5: Tabla con las diferencias con HTML4»

4. HTML Cinco

Sitio sobre las novedades del HTML5 en español
Sitio sobre las novedades del HTML5 en español

Como bien lo indica su nombre es un sito es español exclusivamente dedicado a presentar las novedades del HTML 5. Es de esos sitios que siempre conviene tener a mano para mirar cada tanto si existe una novedad importante en el tema.

  • Visitar HTML Cinco

5. Semántica en HTML 5

Una visión crítica de las nuevas etiquetas en el HTML5
Una visión crítica de las nuevas etiquetas en el HTML5

Julio Loayza discute con muy criterio la idea de incorporar nuevas etiquetas al HTML5 y recoge algunas de las principales discusiones en este sentido. Es un artículo más enfocado a desarrolladores y diseñadores pero que plantea un punto de vista más crítico y necesario en la discusión del nuevo lenguaje.

  • Ver Semántica en HTML 5
Recursos en inglés

1. Get Ready for HTML 5

Artículo en A List Apart sobre el HTML5
Artículo en A List Apart sobre el HTML5

Uno de los últimos artículos de A List Apart sobre HTML5 donde explican algunas cuestiones prácticas sobre el nuevo lenguaje y explican de qué modo las persona qué hacemos sitios web podemos aprovechar las nuevas características que incorpora.

  • Ver Get Ready for HTML 5

2. HTML 5 Cheat Sheet

Lo más importante del HTML5 en forma de chuleta o machete
Lo más importante del HTML5 en forma de chuleta o machete

Los clásicos machetes o chuletas con las nuevas etiquetas del HTML5 y sus fuciones. Elaborada por la conocida Smashing Magazine, podemos obtener un PDF para imprimir y trabajar con la ‘ayuda’ al lado en nuestros desarrollos.

  • Ver HTML 5 Cheat Sheet (PDF)

3. HTML 5 Gallery

Galería de sitios web diseñados en HTML5
Galería de sitios web diseñados en HTML5

¿Querés saber qué están haciendo otras personas con HTML5? Este sitio es una galería con las mejores páginas web que incorporan la nueva versión del HTML5. Interesante para ver y analizar el trabajo de otros.

  • Visitar  HTML5 Gallery

4. Four Useful HTML5 Browser Support Overviews

Tablas de compatibilidad de HTML5 con navegadores web
Tablas de compatibilidad de HTML5 con navegadores web

Siempre que hablamos de novedades en la web surge inevitablemente la misma pregunta ¿Qué navegadores lo soportan? Nico Hangenburger presenta algunas páginas web donde podemos comprobar la compatibilidad de diferentes elementos del HTML 5 en distintos navegadores. Muy útil.

  • Ver 4 Useful HTML5 Browser Support Overviews

5. HTML5 Doctor

Ayuda sobre implementación del HTML5
Ayuda sobre implementación del HTML5

Sitio hermano de HTML5 Gallery donde se analizan los nuevos elementos del HTML5 y se proponen ejemplos de uso. Muy interesante para aprender y probar cosas nuevas.

  • Visitar HTML5 Doctor
Bonus
  • La base de todo: El borrador sobre el HTML 5 del W3C.
  • La decepción: El artículo de HTML 5 de la Wikipedia en español es bastante pobre.

¿Te gustó la lista? ¿Te parece que hay algún recurso importante que estoy dejando fuera? Dejame tu comentario más abajo ¡Gracias!

Typedia, una enciclopedia tipográfica colaborativa

Sebastián Thüer · 31.08.2009 ·

typediaSi pensás que la selección de una tipografía es un tema importante para tu proyecto esta web te va a gustar: Typedia es una enciclopedia online que te permite navegar y buscar información entre cientos de tipografías.

No es un sitio de descargas como DaFont sino una fuente de información de alta calidad sobre los diferentes tipos, sus diseñadores y las fundiciones encargados de su creación. Además de una muestra del tipo, su autor y el año de lanzamiento hay un información adicional donde podemos conocer las bases a partir de las cuales se creo y el contexto en el cual se situa la creación.

Como dicen ellos mismos:

Typedia es una una comunidad web para clasificar tipografías y educar a las personas sobre ellas. Piensa en ella como una mezcla entre IMDb y Wikipedia, pero solo para tipos. Cualquiera puede unirse, agregar y editar páginas sobre tipográficas y la gente que está detrás de los tipos.

El lanzamiento de Typedia fue reseñado hace un par de días en Lifehacker y como señala Sergio Ortega resulta sumamente interesante por la calidad de las personas que forman parte de la comunidad con diseñadores de primera línea sumados al proyecto.

typedia2

Seguimiento de eventos con Google Analytics

Sebastián Thüer · 20.03.2009 ·

Esta semana estuvo Avinash Kaushik por Buenos Aires y dejó algunos conceptos muy interesantes que podés leer en la cobertura que hizo Juan Manuel Damia para Denken Über.  Avinash es uno de los tipos que más sabe sobre Analytics y autor de Web Analytics: An Hour a Day, un libro de referencia para los que busquen introducirse en el mundo de la analítica web.

Una idea que me gusta de Avinash es su distinción entre medir cantidad de gente (audiencia) y el comportamiento (behavior). Básicamente, los datos de audiencias son lo que han venido manejando los medios de comunicación respecto al consumo de sus contenido por parte del público. En la web, por el contrario, podemos conocer de forma muy precisa qué hace el usuario. Esto podemos hacerlo de la manera clásica mirando los datos en Analytics sobre por cuáles palabras clave llega el usuario a nuestra web, qué páginas visita, su flujo de navegación, etc.

Pero si nos interesa dar un paso más allá conviene usar el event tracking o seguimiento de eventos. Esto es especialmente útil para seguir la acción de los usuario en páginas que generan contenido dinámicamente mediante Ajax o Javascript. Por ejemplo, si tenemos una única página de un producto con varias pestaña de información podríamos conocer cuáles son aquellas más vistadas. En un sitio con video podemos ver qué cantidad de usuarios reproducen el contenido y cuántos detienen la reproducción. En defenitiva, el objetivo es poder trazar patrones de comportamiento de los usaurios y optimizar el contenido a sus demandas reales.

[Leer más…] acerca de Seguimiento de eventos con Google Analytics

Buscador de fotos libres de derechos

Sebastián Thüer · 16.03.2009 ·

everystockphoto

Me llama la atención ver que uno de los post que recuerrentemente entra en la lista de los más visitados es este referido al metabuscador de imágenes Yotophoto que lamentablemente no está online. Sin embargo, hay otra alternativa interesante: Every Stock Photo.

El sitio en cuestión y te permite buscar entre varios sitios como Flickr, Stock.Xchnge, Morgue File y otros similares.  Lo bueno es que los resultados de búsquedas te muestran directamente la resolución de la fotos y el tipo de licencia bajo el cual se libera. Además, es fácil agregar cada foto a una colección de forma rápida con lo cual podemos ir guardando las fotografías que nos gusten si mucha complicación ¿Lo mejor? Que hace su trabajo de forma muy efectiva y simple

[Leer más…] acerca de Buscador de fotos libres de derechos

Cuatro preguntas para conocer mejor a tus usuarios

Sebastián Thüer · 26.05.2008 ·

Pantalla de 4q Ipercetions¿Conocemos realmente a los usuarios que llegan a nuestras páginas web? ¿Sabemos si han podido encontrar lo que buscaban? Muchas veces la información que tenemos es la que nos da Google Analytics o algún otros sistema estadístico: podemos ver las páginas más visitadas, saber cuándo tiempo están, el porcentaje de rebote o las palabras claves por las cuales llegan a nuestro sitio.

Esta información muy valiosa para hacer SEO y marketing en general, pero que a veces se queda corta si queremos implementar procesos de optimización en un sitio web. Avinash Kaushik es uno de los expertos más importantes en analítica web y propone incorporar información cualitativa a estos análisis. Para Kaushik la información esencial que debemos obtener de nuestros usuarios puede resumirse en tres preguntas: [Leer más…] acerca de Cuatro preguntas para conocer mejor a tus usuarios

  • « Ir a la página anterior
  • Página 1
  • Páginas intermedias omitidas …
  • Página 4
  • Página 5
  • Página 6
  • Página 7
  • Ir a la página siguiente »

Sebastián Thüer

Creative Commons Atribución 4.0 Internacional © 2025 · Less Is More · Acceder