Marco Giacomuzzi

Me llamo Marco Giacomuzzi, soy consultor y analista de interfaz experto en Accesibilidad Web.

Freelance desde el año 2006.


Enlace

Desplegar popups al estilo Mac: efecto Aladino.

Su estructura HTML no me convence del todo ya que utiliza elementos de formulario. En ciertas ocasiones podría estar bien, pero para otras tal vez haya otro camino.


Enlace

Desde Smashing Magazine nos llega una extensa lista de herramientas y librerías realizada también gracias a la contribución de diseñadores y desarrolladores. Entre esta lista encontramos:

y más…


Cita de Understanding aside | HTML5 Doctor

The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.

(Visto en Understanding aside | HTML5 Doctor)


Enlace

@odinmanzano y @medinamanu comparten la presentación sobre HTML5 que realizaron el pasado Jueves 14 de abril de 2011 en el Centro de Innovación Bellestas en Madrid.

Me han gustado los ejemplos de comparación de como se hacía antes (HTML) y como se hace ahora (HTML5).


Enlace

Una explicación exhaustiva de como ordenar y estructurar los elementos contenidos en el tag head, área a la que a veces no prestamos mucha atención.


Texto

20 reglas básicas para un correcto HTML

En Six Revisions se publica un artículo donde se detallan 20 reglas básicas para obtener un código HTML limpio y correcto:

  1. Declara siempre un !DOCTYPE.
  2. En la etiqueta title utiliza texto significativo.
  3. Utiliza las etiquetas meta.
  4. Utiliza los DIVs para separar las secciones principales de la estructura.
  5. Separa el contenido (HTML) de la presentación (CSS).
  6. Minimiza y unifica las CSS.
  7. Minimiza, unifica y coloca al fondo JavaScript.
  8. Utiliza los encabezados (h1... h6) de forma lógica.
  9. Utiliza las etiquetas HTML de forma correcta y en el sitio correcto.
  10. No usar los DIVs para cualquier cosa.
  11. Utiliza una lista indefinida (ul) para el menú de navegación.
  12. Cierra las etiquetas.
  13. Escribe las etiquetas en minúsculas.
  14. Utiliza el atributo alt para las imágenes.
  15. Utiliza el atributo title en los enlaces (cuando sea necesario).
  16. Utiliza las etiquetas fieldset y label en los formularios.
  17. Utiliza los comentarios condicionales para IE.
  18. Valida tu código.
  19. Escribe el código de forma clara y sangrado.
  20. No abuses de los comentarios.

(Fuente: sixrevisions.com)


Texto

En HTML5 no hay atributo longdesc

De acuerdo con el HTML Working Group Decision, el atributo longdesc no se incluirá en las especificaciones de HTML5.

Si no estás familiarizado con este atributo, su función permite especificar un vínculo a una descripción larga de la imagen.

Pero no nos alarmemos porque no es la única manera para proporcionar una descripción larga, este artículo (en inglés) nos ayuda en la tarea: Creating Accessible Images – Long Descriptions.

(Fuente: 456bereastreet.com)