Versión original del artículo por Robert Nyman (autorizado por él mismo vía e-mail)

Esto parece ser la eterna cuestión entre los desarrolladores web: ¿HTML or XHTML? En muchos lados aparece planteada la pregunta en foros y blogs, los desarrolladores web le preguntan a Robert o a otra gente que escribe sobre este tema: qué es lo que ellos piensan acerca de cuál es la mejor opción a seguir. Robert no escribió este post para decir cuál es la última opción, sino más bien para que nos enteremos cuáles son las consecuencias del camino que elegimos. Entonces, empecemos desde el principio:

¿Estricto o Transicional? (strict | transitional)

|inline

Navegando por unos de mis sitios favoritos, encontré este plugin excelente…su nombre: Scriptographer.
Se trata de un plugin para Adobe Illustrator CS y CS2, que utiliza la potencia del javascript dentro de illustrator. Todavía no lo entiendo muy bien, pero las poquitas cosas que logré hasta ahora me han impresionado. Supongo que incluso uno mismo podría hacer un javascript para aplicar a los vectores con este plugin. También se pueden vectorizar imágenes usando efectos muy buenos.

• Acá les dejo el link del sitio: www.scriptographer.com/
• Galería

Muchas veces, al armar un sitio, necesitamos imagenes con transparencia para para determinados diseños que así lo requieren. Siempre que pasa esto tenemos que pensar cuál es la alternativa más adecuada para lograr que el diseño se vea tal cual lo pensamos. Las altenativas que tenemos disponibles, al menos en principio, son:

1. Usar GIF transparente
2. Usar un JPEG con el fondo incorporado en la imagen
3. Usar un PNG

Pero cuando empezamos a trabajar nos damos cuenta que estas opciones tienen muchos contratiempos que paso a detallar:

1. GIF: la calidad de la imagen es muy reducida (como saben sólo permite hasta 256 colores), por lo que no podemos usar imagenes muy complejas en cuanto a colores. Y otro gran, e insalvable, problema es el del antialias… el GIF transparente siempre nos pide que le definamos un color de fondo para los bordes de las imagenes, ni hablar de un gradiente.
2. Usar un JPEG con el fondo incorporado en la imagen: esto en realidad es mucho más limitado, porque lo que justamente buscamos es poder variar el fondo sobre el que está la imagen.
3. El PNG, por su no pérdida de calidad, por la posibilidad de distintos niveles de opacidad, parece la mejor opción. Sin embargo, tiene algunas desventajas: pesa una tonelada y el maldito IE6 (y anteriores) no soporta las transparencias, si bien se puede hacer uso de filters agregados en la hoja de estilo que solucionan el problema, pero es poco versatil y bastante complicado hacer que funcione como uno quiera (el IE7 si va a aceptar transparencias… era hora!)

Entonces se me ocurrió algo… hacer un PNG con sus transparencias, pero en vez de montarlo directamente sobre el HTML lo meto dentro de un SWF (del mismo tamaño de la imagen) y luego a este SWF resultante, en el HTML le pongo el wmode=transparent y ahí, además de haber logrado la imagen transparente sin perdida de calidad, le puedo reducir el peso al mismo nivel que un JPG normal!!!!
Cuando hice este sitio, se me ocurrió hacer esto que acabo de explicar y me dio resultado!!
El único problema que tiene este método, es que no sirve para hacer imágenes de background dado que los SWF no son soportados para cumplir esta función. Si se me ocurre como solucionar esto último, prometo postearlo.

The Scrutinizer es una herramienta utilísma cuando querés ver si has respetado todas las normas de accesibilidad, validar el código, la compatibilidad con los browsers, la optimización en los motores de búsqueda y otras cosas más. En el campo de texto que está por encima, ponés la URL que querés testear y después tenés que hacer click en los links de abajo.
Los tipos de validación son los siguientes:

• Validation
• Accessibility
• Search Engine Optimization
• Browser Compatibility
• Alternate Access
• Copyright
• Information
• Miscellaneous