Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de September de 2006

6 formas de arreglar una arquitectura de información confusa

Jakob Nielsen nos habla este mes de los problemas con la arquitectura de la información.

Si tus usuarios siguen yendo a la sección equivocada, tienes muchas opciones mediante las que ponerlos en la pista, desde mejores etiquetas hasta una estructura más clara:

  1. Junta las secciones que te dan problemas, si dos secciones similares confunden a tus usuarios únelas. No obstante ten en cuenta que las secciones con más contenido pueden confundir a tus usuarios.
  2. Si no quieres unirlas cambiales el nombre, haz que se distingan de forma más clara
  3. Explica las opciones, añade imágenes o texto que identifiquen más claramente el contenido de las secciones. Eso si, mantente breve.
  4. Reestructura el sitio
  5. Cambia la información de sitio. Si tus visitantes llegan buscando un contenido a la seccion equivocada mueve el contenido ahí.
  6. Añade enlaces que hagan referencias cruzadas. Por mucho que lo prepares nunca tendrás una navegación perfecta, añade enlaces donde pienses que son necesarios

Por supuesto, todo esto queda mucho más claro en el artículo (en inglés) donde se expone con claridad el proceso de diagnóstico y las soluciones dadas a un ejemplo real.

6 Ways to Fix a Confused Information Architecture

Directorio de Software Libre para Windows

Quizá lo más complicado de pasarse al Software Libre sea encontrar todas las aplicaciones que pudieramos necesitar. El proyecto OSSwin, alojado en Sourceforge, pretende recopilar todas las aplicaciones libres para Windows, con enlaces a sus sitios oficiales y organizadas por categorías.

Cada vez quedan menos excusas para no pasarse al Software Libre ¿eh?

OSSwin: http://osswin.sourceforge.net/

Via Download Squad

10 cosas que cualquier desarrollador de PHP debe saber

A pesar de que el proceso de prueba/error suele ser el más fructífero a la hora de aprender un nuevo lenguaje de programación, nunca está de más conocer ciertos «trucos» que emplean los desarrolladores más avanzados y ahorrarnos unas cuantas horas de sufrimiento y dolores de cabeza.

Con esta intención Jeffery Vaska publica una serie de dos artículos en PHPBuild:

10 Tips That Every PHP Newbie Should Know, y
10 Tips That Every PHP Developer Should Know, Part 2

formArchitect: Crea formularios sin tablas

Maquetar formularios es una de esas cosas tediosas que personalmente odio bastante.
formArchitect es una herramienta online y gratuita que te ayuda a generar formularios sin tablas y totalmente válidos. Para crear un formulario simplemente iremos introduciendo datos de nuestro formulario y sus campos, luego podremos modificar su presentación y finalmente introducir validación con Javascript. Eso si, formArchitect no nos exime de conocer y comprender el funcionamiento de los formularios.

Si nos creamos una cuenta gratuita, además, podremos almacenar hasta 25 formularios para acceder a ellos o editarlos en cualquier momento.

formArchitect: http://www.formarchitect.com

Anry Colorpicker

Hace tiempo conocía Agave, una de las herramientas que ahora mismo me resultan imprescindible. En los comentarios de aquel post, Alfredo me preguntaba si conocía algún programa similar para Windows que, además, fuera libre.

Anry Colorpicker Hoy, gracias a CD Libre he conocido Anry Colorpicker un programa que te permitirá capturar el color de cualquier parte de tu pantalla, almacenar los colores capturados y crear esquemas de color simples. No es libre si no Freeware y parece que no es la mitad de versátil que Agave pero menos da una piedra ¿Alguno conocéis alguna herramienta libre para Windows que genere esquemas de color?

Blogstamp: Certifica la fecha de creación de tus artículos

Si hay algo que hace que los blogs sean cada día menos originales y, por tanto, útiles, es el robo de contenidos y la preocupación de los autores por defender sus derechos.

Via Kriptópolis descubro un interesante método para certificar las fechas de creación de nuestros artículos: Blogstamp. Simplemente habremos de remitir nuestro contenido y obtendremos un sello de fechas que no es más que un completo certificado que garantiza que determinado contenido se publicó en determinado momento. En Kriptópolis son expertos en estos temas de certificados y lo explican bastante mejor, cito textualmente:

De hecho, lo que blogstamp devuelve para cada contenido que se le envía es un completo “sello digital”, que en sus 156 bytes incluye un hash SHA-1 del contenido, el sello de fechas propiamente dicho (sobre el tiempo en milisegundos transcurrido desde el 1 de enero de 1970) y la firma digital.

Existen plugins para algunos CMS como Drupal

Blogstamps: http://blogstamp.org/blogstamp/

HERA: Revisando la accesibilidad con estilo

Logotipo de HERA Bajo este sugerente título nos encontramos con la que, en mi humilde opinión, es la mejor herramienta para hacer pruebas de accesibilidad a nuestros sitios web. A pesar de que olvidé mencionarla cuando escribí aquella ronda de test de accesibilidad.

HERA es una herramienta ofrecida por la Fundación Sidar y completamente en castellano que nos permite revisar nuestros sitios según las Directrices de Accesibilidad para el Contenido Web 1.0 (WCAG 1.0). HERA realiza un análisis automático de la página en busca de errores y nos indica además que puntos han de ser revisados manualmente. Además podremos obtener un informe detallado en formato RDF, HTML o PDF.

HERA
se encuentra disponible también, bajo licencia GPL, como script para descargar e instalar en tu propio servidor.

HERA: http://www.sidar.org/hera/index.php.es

Trabajar con archivos y directorios con PHP

En FYIcenter han publicado un estupendo artículo con 8 consejos para trabajar con archivos y directorios desde PHP

  1. ¿Cómo crear un directorio?
  2. ¿Cómo borrar un directorio vacio?
  3. ¿Cómo borrar un archivo?
  4. ¿Cómo copiar un archivo?
  5. ¿Cómo volcar los contenidos de un directorio en un Array?
  6. ¿Cómo leer un directorio una entrada de cada vez?
  7. ¿Cómo obtener el nombre de un directorio en base a la ruta de un archivo?
  8. ¿Cómo dividir en partes la ruta a un archivo?

PHP Script Tips - Working with Directoris and Files

Via Pixel Groovy

Disculpad las molestias

Está el servidor algo revuelto y hemos pasado un día movidito, la gente de soporte parece que ya se ha puesto a ello así que esperemos que se solucione pronto.

Precarga simple para imágenes con Javascript

Cuando utilizamos muchos gráficos en nuestros sitios u ofrecemos imágenes en alta calidad puede resultarnos interesante precargar estas imágenes para que el sitio se muestre más rápido al usuario.

Un ejemplo de precarga simple con javascript podria ser el siguiente:

Introduce este código entre las etiquetas <head> de tu documento

  1. <script language="JavaScript">
  2.  
  3. image1 = new Image();
  4. image1.src = "http://www.miweb.com/imagen1.png"; //ruta de la imagen
  5.  
  6. image2 = new Image();
  7. image2.src = "http://www.miweb.com/imagen2.png";
  8.  
  9. </script>

En Sentido Web hacen una aproximación «sólo CSS» del tema de las precargas: Precarga de imágenes mediante CSS, no parece un método muy ortodoxo y si seguís el enlace al sitio en inglés veréis que en los comentarios se duda de la efectividad del mismo, no obstante ahí queda como referencia para los que no queréis emplear javascript en vuestros sitios.