Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Noviembre de 2006

Comillas con imágenes para los blockquote

Qué bien quedan esos blockquote que tienen unas grandes comillas tipográficas al comienzo y al final ¿verdad? Existen muchos métodos para conseguirlas pero el escaso soporte para CSS 2.1 de Internet Explorer 6 las hace caer en el ámbito de lo que pudo ser y no fue, al menos durante los años que tardemos en sacárnoslo de encima.
Otras soluciones pasan por utilizar Javascript o trucos con imágenes posicionadas absolutamente, nada especialmente aconsejable.

Hoy he descubierto, gracias a Natalie Downe, que, en realidad, conseguir unos blockquote con estilo es tan simple como sacar ventaja de nuestros amados estándares y las hojas de estilo en cascada.

Me explico: para que un blockquote sea válido tiene que tener la siguiente estructura:

  1. <blockquote>
  2. <p>Esto es el contenido de un blockquote, rodeado de sus etiquetas p, como dios manda</p></blockquote>

Leer el resto de la entrada

¿Ha muerto DMOZ y no le importa a nadie?

Estamos en una era de cambios, ¿habrá muerto el directorio administrado por humanos más grande de la red?

DMOZ Unavailable

¿Qué nos deparará el futuro?

splitbrain.org: DMOZ dead - Nobody cares?

Mootools y Joomla: Videotutoriales por Beauty in Design

Si queréis aprender a implementar Mootools en una plantilla de Joomla! para crear algo del estilo del template JoomlaOS (impresionante) no os podeis perder esta serie de videotutoriales gratuitos que nos ofrece Beauty in Design.

No es necesario ningun conocimiento de Javascript ya que los ejemplos son claros y concisos.

MooTools for the Rest of Us

Algunas cosas que debes saber sobre contenido duplicado

¿Crees que el contenido de tu sitio podría ser considerado contenido duplicado por Google? ¿Seguro? En ocasiones, el no haber copiado el contenido de ningún sitio no nos libra de caer en los resultados suplementarios o, incluso, desaparecer de Google para ciertas búsquedas. Muchas veces, el origen del problema recae en nuestro propio sitio, a continuación vamos a ver las causas más frecuentes:

Navegación Circular

Puede entenderse como el mismo contenido accesible desde diferentes URL

- www.mysite.com/article1/
- www.mysite.com/articles.php?id=1

Para evitarlo podemos evitar que el buscador visite ciertas páginas por medio del archivo robots.txt, utilizar redirecciones 301 para evitar incoherencias en los enlaces entrantes y, sobre todo, crear una estructura fija para nuestras URIs.

Páginas especiales para impresión

Crear páginas adicionales para impresión genera contenido duplicado. La solución pasa bien por utilizar CSS para eliminar todo el marcado innecesario de las páginas a la hora de que el usuario las imprima bien por utilizar el metatag noindex

Páginas de descripción de productos

Algo muy común en tiendas online, páginas que describen productos y son idénticas las unas a las otras salvo por algún número o nombre. Existen varias soluciones pero ninguna perfecta, o bien utilizamos el robots.txt para bloquear el rastreo de unas con lo que perdemos esas búsquedas, bien creamos páginas personalizadas con testimonios de usuarios o descripciones detalladas y originales, cosa que no siempre es posible.

Si, además quieres saber como funcionan los algoritmos de detección de contenido duplicado sigue leyendo el artículo, en inglés, Duplicate Content - What You Ought to Know About

Clicky Web Statistics: Una mirada distina a las estadísticas web

Clicky Web Statistics Logo

Clicky Web Statistics pretende ofrecernos una forma diferente de mirar a nuestras estadísticas. Mientras que la mayoría de soluciones existentes nos ofrecen una visión de conjunto de nuestros visitantes, Clicky nos permite ver lo que cada usuario ha hecho en nuestro sitio, de donde venía, cuanto se ha quedado, etc. Navegar por esos datos es cómodo y, mediante filtros y una búsqueda avanzada podremos visualizar los datos que realmente queremos. Además, por supuesto, también tendremos sumarios generales.

Y promete ponerse aún más interesante, entre la lista de futuros desarrollos está una vista en vivo de los clicks de nuestros usuarios, al estilo del fisgón de meneame.

Clicky Web Statistics:
http://clicky.roxr.net/

Via eHub

WeberTrivia: Aprender jugando

WeberTrivia Logo

De las múltiples formas de aprender algo que existen, aprender mediante un juego puede ser de las más agradables.
WeberTrivia te permite comprobar si realmente sabes tanto de PHP, MySQL, Apache, Linux etc.

Con sólo registrarte y escoger la categoría en la que quieres jugar, ya puedes empezar a ponerte a prueba. Eso si, está en inglés así que será un poquito más complicado (que no se diga que os asustan los retos, je je)

WeberTrivia: http://www.webertrivia.com/

Via dzone

Imágenes aleatorias con PHP

Hace unos días os comentaba una forma muy sencilla de incluir imágenes de forma aleatoria en nuestros sitios web mediante Javascript. Pero claro, si el usuario no tiene habilitado el soporte para Javascript no funcionará.

Por eso, hoy os dejo aquí otra forma de conseguir el mismo efecto pero mediante PHP, basando el script en los mismos principios pero del lado del servidor.

Lo primero que debemos hacer es crear una carpeta donde alojar las imágenes, la mía se llamará headerimg. Nuestras imágenes deberán llamarse 1.jpg, 2.jpg, 3.jpg etc.

  1. <?php
  2. $images = 10; //número de imágenes, si el número es mayor que las imágenes mostrarás imágenes inexistentes
  3. $path = "headerimg/"; //ruta a la carpeta con las imágenes
  4. $random = rand(1,$images); //Generamos un número aleatorio
  5. echo "<img src=$path"."$random".".jpg".">" //imprimimos el código html en la página
  6. ?>

Simple y útil ¿verdad?

Open-jACOB Draw2D: Javascript para crear gráficos y diagramas

Open-jACOB Draw2D

Open-jACOB Draw2D es una librería Javascript que te permite crear gráficos y diagramas. Su interfaz te permitirá dibujarlos directamente desde tu navegador, sin necesidad de instalar ningún software adicional.

Open-jACOB Draw2D es el componente de dibujo de Open-jACOB un editor de Workflow al puro estilo de Visio con la finalidad de probar que realmente puede hacerse totalmente online y sin necesidad de instalar plugins.

Open-jACOB Draw2D: http://www.openjacob.org/draw2d.html
Demo Interactiva: http://www.openjacob.org/draw2d/simple_interactive/index.html

Open-jACOB:
http://www.openjacob.org/index.html

Vía Ajaxian

Getting Real la filosofía de 37signals hecha libro

Todos los que estamos interesados en la creación de aplicaciones web y, por supuesto, su posterior éxito, hemos puesto muchas veces los ojos en 37signals. Productos como Backpack, Basecamp y Campfire hacen de esta empresa una de las más exitosas del negocio web actual.
Gran parte del secreto de su éxito reside en crear aplicaciones sencillas, sin características inútiles y, sobre todo, facilmente comprensibles por cualquier usuario.

Ahora este buque insignia de la Web 2.0 nos ofrece una parte de su sabiduría en forma de libro: Getting Real, the book. A través de 16 capítulos y 91 ensayos nos enseñan su filosofía de trabajo, una muestra del cambio que se está produciendo en internet y una inestimable ayuda para los que nos planteamos entrar en este negocio.

El libro está disponible en formato tradicional (esos con tapas y papel dentro) por 29$, en PDF por 19$ y completamente gratis en HTML para su lectura online. Está en inglés, obviamente, pero es una lectura interesante que vale el esfuerzo.

¿Cumplen los estándares los sitios web del Gobierno (de España)?

Ya lo comentamos antes, en la Unión Europea se acordaron recientemente unas pautas y criterios de accesibilidad y unos plazos máximos para que todos los sitios públicos sean completamente accesibles.

En la Asociación de Internautas han querido comprobar cuan accesibles son los sitios web del Gobierno español y, como cabía esperar, el resultado ha sido penoso.

  • Seguimos comprobando que muchas no cumplen los estándares W3C, e incluso muchas sólo son accesibles con un determinado navegador y que, a veces, no permiten realizar tramites on line si no se dispone de el.
  • Las barreras a la accesibilidad siguen estando presentes en la gran mayoría de los sitios web de la Administración, por lo que la población discapacitada no tiene los mismos derechos que los demás.
  • Todavía en España hay muchísima gente que no tiene acceso a la banda ancha y nos encontramos que la navegación por algunas de las páginas de la Administración se hacen insufribles por el tiempo que tarda en cargar una página.

En el artículo completo en el web de la AI nos han dejado una tabla comparativa de los sitios y sus resultados ante pruebas como el validador del w3c o pruebas de velocidad de carga.

Es, cuanto menos, reseñable que algunos sitios tengan errores tan tontos como mas de una etiqueta body o un gif animado de 2 megas.

¿Llegaremos a tiempo al 2010?

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory