Gracias al post de Pablo, Consejos prácticos para mejorar la usabilidad de tu blog, me he animado a que el blog pase la prueba del algodón W3C.

Según el articulo…

15. Logra que tu blog sea valido W3C. No hay que confundirse, que tu blog sea valido para el W3C no significa que sea usable, significa que es accesible, dos cosas que van de la mano pero no son iguales. No obstante me parece buena practica molestarse por usar los estándares web, muchas veces sin querer terminamos aplicando conceptos usables en la aventura que significa validar nuestro código.

Mi blog antes no validaba, tenia 300 y picos de errores pero bueno todo sea por dar ejemplo en la blogoesfera.

Aquí os dejo un par de enlaces que me han sido útiles para la azaña:

• HTMLpedia
• Validar CSS Thickbox
• Validar XHTML
• Validar CSS

Me ha dado un poco por el culo la oreja el código del google analytics y he cambiado:

<script type=”text/javascript”>
var gaJsHost = ((”https:” == document.location.protocol)? “https://ssl.” : “http://www.”);
document.write(”\<script src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’>\<\/script>”)
</script>

Por:

<script src=“http://www.google-analytics.com/ga.js” type=“text/javascript”></script>

A la espera de ver nuevos capitulos de dexter y prision break, os recomiendo ver la serie the big bang theory.

¿De que trata?

De dos cerebritos que comparten piso, Leonard (Johnny Galecki) y Sheldon (Jim Parsons). Aunque ambos están doctorados en física teórica y son capaces de calcular la probabilidad sobre la exitencia de universos paralelos, no tienen ni la menor idea de como relacionarse con el resto del mundo, especialmente con las chicas.

saber más…

¿Dos motivos para ver la serie?

ohhh penny !! dejo las rosquillas para adorar tu religión

Algunos capitulos sueltos para ir abriendo boca:

1 Temporada:

1. Pilot
2. The Big Bran Hypothesis
3. The Fuzzy Boots Corollary
4. The Luminous Fish Effect
5. The Hamburger Postulate
6. The Middle Earth Paradigm
7. The Dumpling Paradox
8. The Grasshopper Experiment
9. The Cooper-Hofstadter
10. The Loobenfeld Decay
11. The Pancake Batter Anomaly
12. The Jerusalem Duality
13. The Bat Jar Conjecture
14. The Nerdvana Annihilation

Esto sólo sirve para los blogs que tengan enlazado el feed en feedburner

Hacia tiempo me había fijado que en algunos feeds que sigo al final de cada entrada, aparecían enlaces del tipo:

Hace unos días aprendí hacerlo, si quieres añadirlo tu también tan sólo tienes que seguir estos pasos:

1. Acceder al panel de control de feedburner
2. Seleccionar el feed
3. Acceder a la pestaña Optimize y luego a la opción de la izquierda FeedFlare
4. Dale al botón Activate de abajo

Yo tengo activados los siguientes Official FeedFlare:

• Comments Count (self-hosted WordPress)
• Technorati Cosmos Links
• Save to del.icio.us

También he añadido uno no oficial que muestra el copyright, para añadirlo basta con:

1. Pegar la siguiente dirección en la caja de texto de Personal FeedFlare:
   http://www.quickonlinetips.com/projects/copyright.xml
2. Darle al botón Add New Flare, una vez aparezca la opción desactivar la casilla site y activar la casilla feed de Display Copyright

Más información:

• Lista de FeedFlare

Como hacia tiempo que no publicaba ningún código fuente y en varias ocasiones Alejandro Torres me ha pedido escribir alguna entrada de programación, he decidido publicar este ejemplo practico.

¿En que consiste este ejemplo?

Se trata de una especie de asistente para poder generar facilmente mapas estaticos utilizando la API de google maps.

¿Que puedes aprender con este ejemplo?

• Estructura de directorios y ficheros: css, javascript, html
• Separar capas lógicas: CSS, javascript del XHTML
• Visualizar más rápidamente la página poniendo el javascript al final
• Javascript no intrusivo, separar los eventos javascript del XHTML y llamarlos en el evento onload
• Javascript: Como utilizar la API google maps para generar imagenes estáticas
• SEO: tag title, metatags description y keywords
• PHP: obligar a descargar ficheros
• Ver un ejemplo de XHTML y CSS valido
• A programar como el culo

Demo y descarga:

• Demostración en vivo del generador de mapas
• Descargar código fuente genmaps

Notas:

Si pruebas el ejemplo en modo local funcionará correctamente, si decides subirlo en un servidor tendrás que introducir tu google API key en el fichero index.html:

<script type=”text/javascript” src=”http://maps.google.com/maps ?file=api&v=2.x&key=tu_google_api_key“></script>

Más información:

• Documentación API google maps para generar mapas estáticos
• Javascript no intrusivo