• Declara el Document Type
• Declara el Content Type
• Añade la barra final a los tags de una sola referencia, por ejemplo <br /$gt;
• Usa la entidad &amp; para el ampersand (&)
• No olvides el atributo alt par alas imágenes
• Referencia correctamente el Javascript
• Usa la etiqueta fieldset en los formularios
• Anida correctamente el HTML
• No uses elementos o atributos deprecated

Web Design Tip: XHTML Strict Transition

El tutorial nos indica cómo crear la estructura XHTML, los estilos, y el código Javascript para que funcione el menú.

Siendo algo puristas, no me gusta el uso del XHTML y el de los estilos, incluso podría sobrar Javascript. El código XHTML no es semántico. Aúnque claro, quizás lo haya hecho porque la solución que os paso ahora no sirve para IE6.

El HTML sería el siguiente:

<ul>
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
</ul>

Y los estilos:

ul {
width: 150px;
height: 150px;
display: block;
padding: 0px;
margin: 0px;
}
li {
width: 48px;
height: 48px;
display: block;
border: 1px solid #008585;
background: #24B8B8;
margin: 0px;
padding: 0px;
float: left;
text-align: center;
}
li + li + li {
margin-left: 50px;
}
li:first-child {
margin: 0px 50px;
}
a {
font-size: 250%;
font-family: Arial;
text-decoration: none;
color: #DEDED2;
}

Javascript Tutorial – Radial Menus Part 1

Relevancia y ventajas de usar estándares web

• Weblogs y estándares web, una pareja explosiva
• Ventajas de diseñar una web ajustada a estándares
• ¿Por qué maquetar con estándares?
• 10 razones para aprender y usar estándares web

XHTML

• XHTML + CSS de una maldita vez (PDF) (Manual)
• Div Mania (Traducción del texto publicado en Juicy Studio)
• Transicional o estricto, ¿cuál de ambos?
• 13 leyes de oro para dar el gran paso
• Razones para cambiar a XHTML
• Mejorar la semántica del blog. Lecciones aprendidas del CSS Naked Day
• Un paso hacia la accesibilidad en la web
• Combinar una diagramación líquida y elástica
• Ni fijo, ni líquido. Elástico

CSS

• Guía Breve de CSS

Manuales

• Manual de CSS, hojas de estilo
• Apuntes de CSS
• Manual de CSS

¿Cómo se hace?

• Consejos, técnicas y trucos CSS
• Algunos consejos que te ayudarán en CSS (Traducción de artículo publicado en Mezzoblue)
• Usando CSS Shorthand Parte 1 y parte 2
• Construcción de webs I. CSS dinámico con PHP
• CSS-Sésamo II: Cabeceras (Recomendamos usar con h1 en header)
• Cómo adornar las citas de blockquotes
• Rollover de imágenes con CSS
• Comillas tipográficas con CSS
• Haciendo hojas de estilo CSS para impresión
• Dale formato a tus RSS Feed con CSS
• Enlaza listas numeradas con CSS (Inluye tip para que el ítem no empiece desde 1 a través de la CSS)
• CSS-Sésamo III: Listas con viñetas personalizadas
• Esquinas redondeadas sin emplear imágenes: sólo CSS y JavaScript (Traducción de Nifty Corners)
• Centrado de capas

En Sentido Web

• CSS: Mnemotecnia y shorthand
• Crear nuestros propios checkboxes y radio buttons mediante CSS
• CSS Dinámicos
• Cambiar el tamaño de letra dinámicamente
• Precarga de imágenes mediante CSS
• Selecciona tu hoja de estilos mediante PHP
• Cómo crear mágenes según un contorno

Sabemos que es imposible acordarnos de todos los que hemos leído y que desconocemos muchos. Post abierto…