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
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…
The
asideelement 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:
- Declara siempre un
!DOCTYPE. - En la etiqueta
titleutiliza texto significativo. - Utiliza las etiquetas
meta. - Utiliza los DIVs para separar las secciones principales de la estructura.
- Separa el contenido (HTML) de la presentación (CSS).
- Minimiza y unifica las CSS.
- Minimiza, unifica y coloca al fondo JavaScript.
- Utiliza los encabezados (
h1... h6) de forma lógica. - Utiliza las etiquetas HTML de forma correcta y en el sitio correcto.
- No usar los DIVs para cualquier cosa.
- Utiliza una lista indefinida (
ul) para el menú de navegación. - Cierra las etiquetas.
- Escribe las etiquetas en minúsculas.
- Utiliza el atributo
altpara las imágenes. - Utiliza el atributo
titleen los enlaces (cuando sea necesario). - Utiliza las etiquetas
fieldsetylabelen los formularios. - Utiliza los comentarios condicionales para IE.
- Valida tu código.
- Escribe el código de forma clara y sangrado.
- 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)
