rienzie con XHTML, CSS y RSS válido y optimizado

Publicado por: Àngel Carrión el 5-Marzo-2008

Como decía en el anterior post, llevo un día de optimización interna del blog para poder hacer que validen los estándares web del blog, tanto XHTML, CSS, RSS como para reducir todo lo que pueda el tiempo de carga para agilizar la navegación y no saturar el ancho de banda.

XHTML 1.0 Transitional válido

He estado bastante tiempo corrigiendo pequeños errores, algunos no tanto, como etiquetas de imagen mal cerradas, listados dentro de párrafos, códigos de zync y el de algún que otro botón y mucho código de vídeo que he podido validar gracias al plugin que comenté con anterioridad.

Al final lo que conseguido y puedes ver en el enlace en W3C validator para comprobarlo.

El botón que lo garantiza es este:

CSS válidas y optimizadas

Este punto me ha costado algo menos ya que tenía el archivo corregido hacía poco y solo he tenido que limpiar algún valor mal escrito.

El botón que lo garantiza es este:

Borrado de los selectores no usados

Lo que sí ha valido la pena ha sido la optimización del archivo CSS. He conseguido un plugin para firefox que hace lo que tenía planeado hacer desde hacía tiempo: Limpiar mis CSS de selectores que usa la web. El plugin se llama Dust-Me Selectors y es una maravilla. Lo instalas y después de reiniciar Firefox te aparece en la parte inferior derecha de la ventana un icono con una escobilla rosa donde podemos elegir que debe hacer. Si le das doble clic te analiza la pagina en la que estés y te muestra los selectores usados y los no usados para que puedas eliminarlos.

Descarga directa ( Dust-Me Selectors )

Reducción del archivo CSS optimizado

Otro punto importante en la optimización de las CSS ha sido la reducción del tamaño, ya conseguido en parte con la herramienta anterior, pero que he acabado de redondear gracias a Clean CSS, una web que reduce el peso de tu archivo CSS dejándolo a gusto del consumidor. Solo tienes que indicar la URL de tu archivo o copiar el código en la caja, elegir el tipo de compresión y copiar el resultado obtenido. Yo he conseguido rebajar el peso de unos 15Kb a unos 8Kb.

En mi caso he usado una compresión alta, y ahora el archivo es casi ilegible. Si usas una compresión alta recomiendo guardar una copia que puedas leer y editar fácilmente.

RSS válido

En este punto no he tenido que hacer nada, ya que con Wordpress y Feedburner los feeds validan, aunque con algún que otro error…

El botón que lo garantiza es este:

Espero que te haya servido de ayuda o de motivación para validar los estándares web de tu página y aprovecho para seguir un meme antiquísimo donde tenía como reto validar el XHTML y como decía Metal·lize, también las CSS.

Vídeos embedados válidos para XHTML

Publicado por: Àngel Carrión el 6-Agosto-2007

XHTML Hoy, el primer día después de un tiempecito sin tocar el ordenador, me he encontrado con una pequeña joya pera los que se comen el coco a la hora de validar el XHTML de su web y no pueden por los vídeos embedados de Youtube, Google Vídeo…

La solución la he encontrado en Microsiervos , y consiste en cambiar el código proporcionado por Youtube o Google Vídeo con los que se muestran a continuación cambiando “xxxxxxxxxx” por la ID del vídeo “ccgoCAO7w4″ (por ejemplo).

A continuación los códigos divinos.

Código XHTML para YouTube

<object type=”application/x-shockwave-flash” style=”width:425px;height:350px” data=”http://www.youtube.com/v/xxxxxxxxxx”><param name=”movie” value=”http://www.youtube.com/v/xxxxxxxxxx” /></object>

Código XHTML para Google Video

<object width=”400″ height=”326″ type=”application/x-shockwave-flash” data=”http://video.google.com/googleplayer.swf?docId=xxxxxxxxxx” ><param name=”wmode” value=”transparent” /></object>

A disfrutar de esta ventaja.

Visto en ( Microsiervos )