Se trata de Linkrolls, una de las maneras más sencillas de obtener una lista, en tiempo real, con el último número N de enlaces que hayas anotado en tu cuenta personal. Es útil para añadirla en nuestros sitios web: en un lateral, como parte de alguna página (la portada, por ejemplo) o bien para crear una página dedicada con enlaces de lo más interesante.

Basta con entrar en tu cuenta del.icio.us y, a continuación, dirigirse a la página de Linkrolls. Una vez dentro nos aparecerá un sencillo formulario con el que poder configurar algunos aspectos relativos tanto a la propia lista generada como a la información de los enlaces extraídos. Tiene otro detalle bastante majo, y es que a mano derecha se encuentra una previsualización del modo en que se verá tu listado de direcciones :-)

El resultado es un pequeño código javascript que recoge las características fijadas en el formulario y quien se encarga de generar la correspondiente lista.

Si os queréis hacer una mejor idea de qué va esto de Linkrolls, he habilitado la sección enlaces de esta web para mostrar hasta un máximo de los cien enlaces más recientes que he colgado en mi cuenta del.icio.us.

Más información:

• Linkrolls

Tal vez presentar hoy día a del.icio.us en este sitio sea un tanto irrelevante. Estoy seguro de que, prácticamente, la totalidad de quienes lean esta página ya conozca del.icio.us, las posibilidades que ofrece como recurso comunitario e incluso muchos no sólo lo utilicéis habitualmente, como un navegante más, sino que también tengáis vuestra propia cuenta con la que aportar vuestro granito de arena.

De todos modos, para quien todavía no lo conozca, del.icio.us viene a ser lo que se conoce por gestor social de marcadores o “favoritos”. En resumen, se trata de un recurso que te permite almacenar tus direcciones web favoritas (marcadores) en Internet y de manera pública, de modo que sea posible compartirlos con el resto del mundo. Las dos ventajas más importantes de un servicio así son, en primer lugar, poder disponer siempre de tus enlaces preferidos independientemente del sitio en el que estés conectado a Internet (ideal para personas que utilizan la Red en más de un lugar) y, en segundo lugar, tener la oportunidad de visitar los marcadores de multitud de usuarios, obtener nuevas fuentes de información e incrementar tu propio grupo de enlaces favoritos.

Sobre del.icio.us se ha escrito en infinidad de páginas e idiomas. Recomiendo perder unos minutos en leer la página de información ya que da una amplia idea de las cosas que se pueden hacer. Para empezar a archivar tus propios enlaces, basta con crearse una cuenta de usuario (el proceso es de lo más directo) y familiarizarse con la simple interfaz que presenta (en mi opinión, un poco tosca para quien comience sin tener ni idea de qué tiene entre manos).

Es un servicio que creo promete mucho; todavía está en un estado un tanto embrionario (por ejemplo, hoy día la gestión de etiquetas, tags, no me ha parecido que funcione demasiado bien o, también, la poca posibilidad de realizar búsquedas) pero, lo dicho, promete. No sólo por la innovación que trae consigo, además el inmenso número de usuarios que ya tiene a su alrededor hace de este gestor de enlaces una aplicación con mucho potencial. Aunque presenta algunas carencias de peso, existen muchos recursos orientados a mejorar la experiencia de uso: envoltorios para cambiar la interfaz, realización de copias de seguridad de tus marcadores, barras que se integran con algunos navegadores, maneras de importar los marcadores de tu navegador directamente a del.icio.us y viceversa, posibilidad de exportar tus marcadores a HTML, clientes externos para utilizar con tu cuenta del.icio.us, extensiones Greasemonkey, multitud de scripts, integración con gestores de contenido, … vamos, el límite lo pone la imaginación. Este factor es el que realmente da mucho valor al servicio en sí, además que para mí ha sido determinante a la hora de escoger entre otros gestores de enlaces semejantes.

Hasta hace muy poco, únicamente utilizaba el servicio para curiosear cuentas de usuario y conocer enlaces que me pudieran interesar (la fuente de ellos es inacabable :-)). Días atrás decidí trastear con él más a fondo, así que me hice una cuenta. Durante unos días he estado probándolo y me ha convencido, aunque le faltan cosas tan importantes como la posibilidad de clasificar los enlaces por idioma (característica que sí tiene iFavoritos, el recurso homólogo a del.icio.us en castellano, de la mano de J.M. Abraldes).

Me he resistito, hasta ahora, a no tener mi propia cuenta en del.icio.us debido a que no encontraba el momento para darle el uso adecuado que pienso tiene. Me explico, creo que para disponer en todo momento de un repositorio de enlaces público propio es una gran opción, pero utilizar esta aplicación para sustituir a un gestor de marcadores tradicional (como pueda serlo el de Firefox) no es una buena idea. Le veo varios inconvenientes para sustituir al gestor de enlaces de cualquier navegador:

• La más importante es el insuficiente sistema de etiquetas que del.icio.us presenta. Los enlaces los puedes clasificar por tags y, a lo sumo, se pueden hacer agrupaciones de tags (bundles). Pero de ningún modo se puede llegar a niveles más bajos. Es frecuente que si alguien utiliza a menudo el gestor de enlaces de su navegador, al final tenga una estructura jerarquizada por categorías y múltiples subcategorías. Sin ir más lejos, es mi caso; llevo empleando el gestor de enlaces de Mozilla y Firefox durante tantos años que mantengo una monstruosa colección de enlaces ordenados por categorías y múltiples subcategorías (de hasta tres subniveles). Pretender hacer el mismo uso del gestor de marcadores de un navegador con un gestor como del.icio.us es cuando menos difícil.
• No menos importante es la pérdida de disponibilidad inmediata de tus enlaces empleando algo como del.icio.us. Actualmente, para acceder a alguno de mis marcadores, no tengo más que abrir el navegador, desplegar el gestor de marcadores y seleccionar el que quiera (es decir, cuestión de pocos segundos). Si quisiera hacer la misma operación a través de del.icio.us, ya me tendría que conectar a una página web, identificarme y abrir otra página más (la etiqueta donde tenga mi enlace deseado, en el caso de no aparecer en la página principal) para encontrar mi enlace. Esto son más que unos pocos segundos (y eso que yo no me puedo quejar pues funciono con conexiones de banda ancha. Si es a través de RTB… apaga y vámonos :-))
• Y un último inconveniente más para no infravalorar a nuestros tradicionales gestores de enlaces: ¿Son todos tus enlaces merecedores de ser compartidos con el resto de las personas? Obviamente no. del.icio.us es, a fin de cuentas, un repositorio de enlaces global. Si nos dedicáramos a llenarlo de toda clase de direcciones creo que perdería mucha calidad y utilidad. Y hablo de enlaces de los más corrientes; en mi caso, por ejemplo, cosas como el servicio CAM directo que utilizo para consultar mi cuenta corriente o el acceso a mi campus virtual en la universidad. Son direcciones, y muchas más, que tengo archivadas debidamente en mis marcadores locales; enlaces que dudo mucho sean de interés para nadie.

Desde luego que seguiré utilizando mis marcadores locales de toda la vida e ingeniándomelas para lograr tenerlo disponible y actualizado en la mayoría de sitios en los que me haye conectado (Notal mental: dedicar una anotación a Bookmarks Synchronizer y otras formas de “gestión paralela” de bookmarks). Al mismo tiempo, intentaré mantener una lista de enlaces interesantes en del.icio.us/enrique.

Si has llegado hasta aquí (leyendo coma por coma) es que tienes más moral que el Alcoyano yo escribiendo este pedazo de sermón inmufable. Termino con una pequeña lista de enlaces de interés :)

• Weblog de del.icio.us
• Etiquetas más activas (y un buscador para las mismas)
• API del sistema, aunque en desarrollo y sujeta a cambios inesperados, para sacarle el máximo jugo al invento.
• Términos de uso
• Absolutely Del.icio.us - Complete Tool Collection, completa lista de accesorios para mejorar y personalizar más tu del.icio.us
• Introducing del.icio.us, la introducción que me hubiera gustado hacer en esta bitácora (lástima, demasiado para mí :-))

Si hace cosa de un par de días conocía la ya famosa chuleta CSS (ha sido referenciada en multitud de bitácoras, que haya visto) ayer noche me topaba, vía Urbiweb, con el recurso homólogo al anteriormente citado pero destinado a programadores de PHP.

PHP Cheat Sheet es otra hoja de referencia rápida, a modo de chuleta, creada por Dave Child (ILoveJackDaniels.com) e igualmente categorizada y organizada que la ya comentada chuleta CSS (CSS Cheat Sheet). Echando un vistazo rápido, se pueden ver alrededor de toda la hoja multitud de nombres de funciones de PHP predefinidas clasificadas por tema (funciones para manejo de arrays, fechas, ficheros, envío de correo, …, para tratamiento de números, cadenas y expresiones regulares, sesiones, variables, etc. Además de citar los arrays predefinidos de PHP SuperGlobals). También nos podemos topar con secciones destacadas para elementos como la sintaxis a utilizar a la hora de formar expresiones regulares, especificaciones para el formateo de fechas (comentadas y ejemplificadas), modificadores PRCE, el orden de los parámetros para algunas funciones (¿y esto?) y los modos posibles para la apertura de ficheros.

Sería demasiado difícil plasmar todos los aspectos más importantes de PHP en una sola cara de una hoja DIN-A4, sin embargo el nivel de información concentrada de esta hoja de referencia, pensada para ser impresa, no deja de tener su utilidad. Digo yo que todas las herramientas que nos puedan facilitar el ahorro de tiempo a la hora de buscar referencias, por pequeñas que sean, deberían ser siempre bienvenidas.

Y ya puestos, parece que Dave mantiene una categoría en su bitácora dedicada a la publicación de estas chuletas que haya o vaya a crear. La ha nombrado Cheat Sheets y puede ser buena idea utilizar su feed RSS para no perder de vista las posibles jugadas que realice dentro de ésta. Además del par de hojas que ya hemos comentado, existe una tercera dedicada a los códigos RGB para obtención de colores útiles en el diseño de páginas web. Esta hoja se encuentra [ aquí ] por si a alguien le pudiera interesar.

Recurso: PHP Cheat Sheet

Por medio de Proletarium doy con una imagen creada en ILoveJackDaniels a modo de tarjeta de referencia rápida para quienes diseñan páginas web con CSS.

Está creada para utilizarse a modo de chuleta, una hoja con toda la información más relevante concentrada y bien diferenciada. Se incluye sintaxis, todos los selectores (CSS 2.1) y propiedades, ejemplo visual del modelo de cuadros, pseudo-clases / pseudo-elementos, unidades de medida y los posibles valores para el atributo media del elemento

<style>

Además, está perfectamente pensada para ser impresa en una cara de hoja DIN-A4 y tenerla guardada, siempre a mano, dentro de algún libro que se tenga sobre CSS :-) Llevo ya meses sin tinta en mi impresora, ¡ya va siendo hora de cambiarle el cartucho!

Recurso: CSS Cheat Sheet

La poca compatibilidad que ofrece Internet Explorer frente a imágenes en formato PNG es ya conocida y sufrida por infinidad de personas interesadas por el diseño de páginas web. El formato de imagen PNG dispone de una profundidad de color de hasta 24 bits que nos permite realizar diversos efectos de transparencia (a través del llamado canal alfa). El problema está justo ahí, y es que el navegador web de Microsoft no interpreta de modo correcto dicho canal alfa por lo que, aunque logra mostrar la imagen en formato PNG, no llega a cargar la transparencia.

Bueno, lo anterior está dicho de un modo simplista, rápido y mal; buscando un poco es posible obtener más y mejor información. El caso es que este sitio utiliza al menos una imagen PNG con transparencia; y no solo eso, sino que además es una imagen bastante importante para el sitio puesto que se trata del “logotipo” del mismo –mostrado en la esquina superior izquierda– y aparece en todas las páginas. En su día quise utilizar formato GIF que acepta transparencia (aunque bastante limitado, solo sobre un color) para formatear el logotipo pero éste perdía muchísima calidad, por lo que prácticamente no me quedó más remedio que emplear PNG –y no me arrepiento vaya–

Para lograr el efecto de transparencia en imágenes PNG bajo Internet Explorer existen varios métodos, algunos de ellos auténticas chapuzas difíciles incluso de implementar. Hace un rato he logrado que mi logotipo se cargue como debe en Internet Explorer utilizando un fragmento de código en JavaScript que lo que hace es corregir aquellas imágenes PNG que se cargan en el documento. Es decir, que antes de aplicar la corrección, las imágenes PNG deben estar previamente cargadas.

Para implementar esta solución no hay más que realizar dos sencillos pasos. El primero es pegar el siguiente fragmento de código en un fichero con nombre

png.js

function PNG_loader() {
  for(var i=0; i<document.images.length; i++) {
    var img = document.images[i];
    var imgName = img.src.toUpperCase();
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
      var imgID = (img.id) ? "id='" + img.id + "' " : "";
      var imgClass = (img.className) ? "class='" + img.className + "' " : "";
      var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
      var imgStyle = "display:inline-block;" + img.style.cssText;
      if (img.align == "left") imgStyle += "float:left;";
      if (img.align == "right") imgStyle += "float:right;";
      if (img.parentElement.href) imgStyle += "cursor:hand;";
      var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src='" + img.src + "', sizingMethod='scale');"></span>";
      img.outerHTML = strNewHTML;
      i--;
    }
  }
}
window.attachEvent("onload", PNG_loader);

El segundo y último paso es modificar el/los documento/s HTML donde queramos visualizar imágenes PNG y añadir las siguientes líneas en la cabecera del documento (entre

<head>

</head>

<!--[if gte IE 5.5000]>
<script type="text/javascript" src="png.js"></script>
<![endif]-->

Y con esto ya funciona, claro que no deja de ser un tanto… chapucero. Seguramente hayan métodos más elegantes y con mejores resultados pero personalmente he optado por éste porque es simple de implementar y solventa, dentro de lo que cabe, el problema de Internet Explorer –que no hay que olvidarlo, el problema lo tiene el navegador éste–

Información obtenida de [ esta página ]. Recomendada lectura. Más lecturas / soluciones destacables:

• MSDN - AlphaImageLoader Filter
• Normal display of PNG Alpha Transparency with MSIE
• PNG Behavior
• PNGs Transparentes en explorer
• Transparencias PNG en Internet Explorer

Desde hace ya tiempo que tenía pensado cambiar el diseño de mis páginas personales. La verdad es que estoy un poco harto de tanto cambiar y cambiar algo tan trivial (para mí) como debería ser el aspecto de mi página personal. Dicen que una buena imagen lo es todo; no sé hasta qué punto algo tan superficial será cierto pero sí que hay que ser consciente de que la imagen es un aspecto importante a tener muy en cuenta en bastantes ámbitos de la vida: dar una buena primera impresión ;) El caso es que personalmente le doy más importancia al contenido que al envase, de ahí a que le reste importancia al diseño y no me guste perder demasiado tiempo en él.

Para alguien sin demasiadas pretensiones en el desarrollo y diseño de sitios web, encontrar un diseño bonito y aplicarlo a la práctica es, en mi opinión, un proceso bastante asequible. Este libro, Cascading Style Sheets –de varios autores: Owen Briggs, Steve Champeon, Eric Costello y Matt Patterson– ayuda totalmente a facilitar ese proceso, tanto para personas aprendices como para otras con experiencia en el asunto. Empieza desde el nivel más elemental y a medida que se avanza en la lectura del libro se acaba viendo todo el lenguaje CSS. Es un recurso polivalente, en el aspecto de que además de detallar el manejo de las hojas de estilo en cascada, explica temas relacionados: un poco de la historia de la Web, introducción al proceso de presentación de un documento web, introducción y origen del código con significado, XML y algo de XHTML. Un tema que me ha parecido muy bueno es el sétptimo, que habla sobre la tipografía, desde un aspecto histórico/introductorio hasta llegar a niveles técnicos sin perder de vista lo que nos atañe: aplicar formato a los documentos con CSS; muy bueno sin duda :)

Todo el índice de contenidos (muy extenso y bien estructurado) se divide en cuatro partes y, de éstas, surgen los temás principales. Un resumen de este índice es el siguiente:

• Parte I. CSS y XHTML: visión de conjunto
  1. Conceptos básicos
  2. Introducción a la presentación
  3. Código con significado
• Parte II. Escribir páginas CSS y XHTML
  1. Fundamentos
  2. Reglas
  3. Anexar CSS a su código
  4. Tipografía
  5. Cuadros, cuadros, cuadros
• Parte III. El mundo real
  1. CSS multi-navegador
  2. Solución de problemas
• Parte IV. Proyectos CSS
  1. Proyecto: La galería
  2. Proyecto: El registro personal
  3. Proyecto: La tienda online

El desarrollo del libro se centra en la aplicación de hojas de estilo a documentos XHTML estructurados mediante cuadros contenedores. Como hoy día viene siendo común, no recomiendan el uso de tablas para el proceso de maquetación de la página web. A este aspecto le dan especial énfasis durante gran parte del libro y además aportan multitud de explicaciones y razones por las que no hacerlo como antaño se hacía todo: con tablas. Es algo que me ha parecido muy apropiado aunque no tenga que ver, directamente, con el uso de hojas de estilo. Una vez te lees un par de capítulos, te das cuenta de que este libro no se trata solo de aprender CSS, también intenta educar un poco los hábitos de los diseñadores web que no estén todavía familiarizados con el uso de estándares.

No solo se detalla la teoría de las hojas de estilo y demás herramientas para creación de webs, muchas partes vienen acompañadas de ejemplos didácticos que además también son comentados. Una vez el lector se ha adentrado lo suficiente, se dedican cien hojas (las dos últimas partes) a tratar temas puramente prácticos. Mención especial merece la parte III, en la que se detallan multitud de fallos encontrados en el soporte CSS de los navegadores más populares. Bueno, esta sección seguramente está algo desfasada pues se centran en navegadores –tanto en Windows como en Mac– como Internet Explorer 5.5, Netscape y Opera (no recuerdo si mencionan versión) que eran los que más se empleaban en el momento de escribir el libro. Se aportan soluciones –o, dicho de otro modo, formas de salir del paso ante estos fallos– que por antigua que pueda ser la información, consigue dar una idea de los problemas que hoy en día todavía se sufren a la hora de querer diseñar un documento que sea visible del modo más uniforme posible en cualquier navegador. La parte de Proyectos CSS personalmente me fue bastante útil :) uno, al ver tantas y tantas propiedades, tipos de selectores y valores posibles, echa en falta poder aplicar un poco lo aprendido sobre el ordenador. Esta sección te permite hacer justo eso, comenzar a trastear por tu propia cuenta proponiéndote algunos proyectos de sitios web y mostrándote todo el código de una de las posibles formas de hacerlo. Está muy bien y ya digo, a mí me sirvió de mucho.

Me lo leí este verano, en julio, y me pareció un gran libro, un buen recurso donde acudir siempre que se quiera diseñar un sitio web. Como no tengo buena memoria, para mí éste es el típico libro del que releer varias veces. Si me preocupase un poco más por los temas de diseño y maquetación de documentos web sin duda lo consideraría como un recurso indispensable. Y por poco que te interesen estos temas, te será muy fácil aprender el manejo de las hojas de estilo.

Aunque en Internet se pueden encontrar infinidad de recursos sobre CSS, yo todavía recomendaría la lectura de este libro :) –también hay otro con bastante buena crítica, de la editorial O’Reilly–

Título: Cascading Style Sheets.
Autores: Owen Briggs, Steve Champeon, Eric Costello.
Traducción: Tabula Digital, S.L.
ISBN: 84-415-1497-6
Precio: 21.85 € (aproximado)
Edición en español: ANAYA Multimedia.
Copyright by glasshays Ltd.
Imprimido en Madrid, España.

Concretamente la idea se centra en los botones utilizados para enviar la información del formulario. Como bien comenta Juanjo, a la hora de iniciar el proceso de envío (es decir, a la hora de pulsar sobre el botón) éste puede darse el caso de que tarde cierto tiempo: el suficiente como para que el usuario crea oportuno volver a pinchar sobre el botón, repitiendo (y duplicando) así el envío.

Os recomiendo la lectura de su anotación, acompañada con un ejemplo y mas información ;-) La solución a este problema es evitar que el usuario pueda pulsar nuevamente el botón: desactivándolo.

<input type="submit" name="submit" value="Enviar"
onClick="this.value='Espere...';this.disabled=true;this.form.submit()" />

Este código serviría para reemplazarlo por el actual botón que viene por defecto en WordPress y que, a la hora de enviar comentarios, el botón de “Enviar” pase a un estado inactivo y con el valor “Espere…”

Lo acabo de poner, a ver qué tal. Sería ponerle un poco de CSS por encima y quedaría ni que pintado jeje

Se podría decir que es como disponer de una libretita de Post-It de estos tan populares. Nada más conocerlo lo probé pero la verdad es que no me convenció demasiado la idea. Para empezar, el sistema no utiliza ningún sistema de identificación, con lo que podréis modificar vosotros mismos mis listas de cosas qué hacer personales. Aunque bueno, tampoco es nada grave puesto que se podría recuperar las versiones anteriores a la que exista actualmente. El problema que le veo es la eficacia de la aplicación en sí misma; tal vez peque de tradicional pero me parece más rápido / cómodo utilizar una vieja libreta o un trozo de papel para escribir en él aquellas cosas que tengamos que hacer a lo largo del día.

Sin embargo, la aplicación no deja de parecerme interesante. De hecho me parece una genial idea el poder disponer de ese trozo de papel en la Red. Será que solo tengo que acostumbrarme a Webnote jeje.

Enlace: http://www.aypwip.org/webnote/

Hace unos meses descubrí, gracias a una anotación en código escrito, el libro: No me hagas pensar (Don’t make me think) de Steve Krug, experto sobre temas de usabilidad en la web.

Tal vez por mi manera de entender la informática o por las experiencias que haya tenido a la hora de trabajar sobre algún entorno informático (como pueda ser un determinado sistema operativo, una aplicación del mismo o un sitio web), creo tener ciertos problemas a la hora de plantear la usabilidad en, por ejemplo, un sitio web que esté haciendo.

Buscando en el Diccionario de la lengua española de la Real Academia Española por el término “usabilidad” no aparece absolutamente nada. Quizás el origen de este término se encuentre en la adaptación del término “usability“, del inglés. Para quien quiera conocer un poco más acerca del significado de usabulidad, que lea esta página, bastante concisa pero completa. Cogeré la definición que ofrecen en dicha página:

Podemos definir la usabilidad como la medida en la cual un producto puede ser usado por usuarios específicos para conseguir objetivos específicos con efectividad, eficiencia y satisfacción en un contexto de uso especificado.

Recopilación de Métodos de Usabilidad - Pero.. ¿qué es, realmente, la usabilidad?

La verdad que entendiendo del modo más sencillo (y utópico) posible eso de la usabilidad se podría decir que no es más que tener uno mismo el suficiente sentido común como para poder desarrollar una interfaz de usuario lo suficientemente obvia que todo el mundo fuese capaz de usar sin siquiera aprender previamente cómo poder utilizarla, es decir, de manera inmediata, sin complicaciones y sin pensar.

Steve Krug nos presenta una aproximación a la usabilidad en la Web como nos dice en el libro. Nada de un manual de referencia ni tampoco algo técnico o demasiado teórico. A base de ejemplos reales y la forma en que el autor entiende la usabilidad, nos presenta algunas de sus experiencias y pensamientos de lo que las páginas web deberían seguir en la manera de lo posible para ser lo más usables posible. Aunque casi la totalidad de los ejemplos, por no decir todos, se centran en páginas de carácter comercial, No me hagas pensar creo que intenta ser una pequeña guía de uso general para cualquier tipo de sitio web que pretenda seguir unos principios básicos de usabilidad web.

A mí personalmente me ha gustado mucho este libro, sobre todo a medida que iba leyéndolo pues además de que se me ha hecho muy amena su lectura, todo está perfectamente estructurado y explicado de un modo muy claro. Diría que en la mayoría de ocasiones las explicaciones de Krug redundan en la obviedad: son cosas tan “de sentido común” que parece que no se nos está diciendo nada nuevo. Pero en conjunto, por muy obvio que todo pueda parecer, resulta que No me hagas pensar es una genial guía de usabilidad básica, describiéndola desde el punto de vista del autor, un expero en usabilidad, y sin entrar en cómo se deberían hacer las cosas ni mostrar ni una sola línea de código. Además también se dedican algunos capítulos a otros conceptos que, sin ser parte implícita en una página web, forman parte del proceso de usabilidad, como son las pruebas de usabilidad: el cómo realizarlas o la forma de interpretar los resultados obtenidos. Esta última parte es la que tal vez me haya gustado menos personalmente puesto que para mis aspiraciones se me queda un poco grande :-)

He aprendido varias cosas sobre el tema y seguramente para la próxima versión de esta página personal ponga en práctica algunas de ellas. Aunque resulten ser cosas, como ya he dicho, obvias. Como por ejemplo el hecho de ponerse en la piel del usuario dejando a un lado el punto de vista, o perspectiva, desde el que uno ve el sitio web que está haciendo. Parece de cajón pero yo hasta el momento perogrulladas de este estilo creo que todavía no las he puesto en práctica jeje.

Para terminar, decir que me daba un poco de pena subrayar el libro. Destacar aquellas ideas que me hayan parecido interesantes para que a la hora de hacer una lectura rápida pueda recordar aquellos puntos que más me interesaron. Así que a medida que iba leyendo, he ido extrayendo varias frases y puntos de las que Krug habla. Sé que no es muy lícito que digamos hacer este material público pero con la intención de que os intereséis definitivamente por No me hagas pensar, que me ha parecido un libro fantástico, he pensado que sería buena idea mostraros estas líneas que he sacado del libro (y que por tanto están sacadas de contexto. Lo mejor es leerse el libro entero claro está). Lo he escrito en mi wiki, [ aquí ] y espero que no solo le hechéis un vistazo a ese pequeño documento que os dejo, sino que además decidáis haceros con una copia de No me hagas pensar, muy recomendable sin duda :-)

Título: No me hagas pensar. Una aproximación a la usabilidad en la web.
Autor: Steve Krug.
Traducción: KME Sistemas, S.L.
ISBN: 0-7897-2310-7
Precio: 20 € (aproximado)
Edición: Prentice Hall
Copyright by Steve Krug.
Impreso en España.

Vía Dinamic Style me entero de la existencia de interNOSTRUM, un producto llevado a cabo por el DLSI de la UA por encargo de la CAM -quien propuso la iniciativa- y financiado por ésta última y el Vicerrectorado de Nuevas Tecnologías de la UA. Es un eficaz sistema de traducción automática castellano-catalán y viceversa –aunque el funcionamiento catalán-castellano advierten que es todavía experimental–

Este sistema traduce del castellano al catalán (y viceversa) documentos de texto ANSI, RTF y/o HTML a velocidades superiores a las 1000 palabras por segundo, lo que permite ofrecer un servicio de “navegación traducida” por Internet. Esta aplicación web no es el único traductor castellano-catalán que en la actualidad existe, aunque sí que es el que más abierto/libre podemos encontrar los usuarios de Internet. Es también el más rápido y el único creado enteramente en un entorno académico.

Las características técnicas de interNOSTRUM son:

• Variedad del catalán: central (Cataluña); variantes valenciana y balear en desarrollo.
• Tipos de documentos tratados: ANSI, RTF, HTML.
• Navegación con traducción de páginas HTML con y sin “frames”.
• Más de 1000 palabras por segundo en un ordenador personal de 400 MHz con 128 MB de memoria.
• Servidor completo en 25 MB de disco.
• Versiones del servidor: Linux/Apache/PHP y Windows 2000/IIS/ASP.

La interfaz web que dispone la aplicación permite un servicio de traducción separado, dependiendo de diferentes formas de utilizarlo:

• Text , permite la traducción de un texto con un máximo de 16384 caracteres, con la posibilidad de elegir el tipo de salida: HTML o texto
• Correu , te permite el envío de correo electrónico traducido de modo automático. Tan solo se deben rellenar los distintos campos (remitente, destinatario, motivo) y seguidamente el texto de castellano o catalán. El sistema entonces envía el correo y en el cuerpo incluye el mensaje original (lo que escribiste) y la traducción pertinente.
• Documents i websites , esta opción te permite agregar un fichero externo al sistema de traducción en diferentes formatos (texto plano, HTML y RTF). Seleccionando el sentido adecuado de la traducción, leerá el archivo indicado dando como resultado su traducción. Muy útil ;)
• Traduir i navegar , Personalmente, la funcionalidad más útil de todas. Especificando la URL para la página que queramos ver traducida, y el sentido de traducción, en muy poco tiempo obtendremos el sitio especificado completamente traducido, manteniendo intacto el diseño del mismo. Un ejemplo de traducción lo tenéis [ aquí ]
• XAT! , Este es un curioso servicio de chat con traducción automática en tiempo real. Eligiendo el sentido de la traducción, a la hora de enviar o recibir texto en el canal de chat, éste aparecerá traducido en uno u otro idioma (dependiendo de cuál se escogió)

En cuanto a la calidad de la traducción, no puedo decir más de lo que personalmente he visto. Y lo he visto muy muy bien ;) No solo se limita a la traducción de las distintas palabras sino que también respeta y mantiene la gramática, capaz de traducir incluso expresiones o frases hechas. Me ha parecido genial mientras lo probaba con esta misma página. La traducción era tan limpia que en ocasiones se me olvidaba que estaba leyendo una página en castellano pasada por un filtro que la saca en catalán ;)

Y la traducción es tan transparente que, unido a la eficacia en cuanto a velocidad/calidad de la traducción, he creído oportuno el incluir un enlace directo en mi columna izquierda de secciones para quienes deseen leer este sitio en catalán. Sin duda una muy buena opción: todo el contenido (texto) lo encontrarán perfectamente traducido: anotaciones individuales, por mes, por categoría, comentarios, secciones estáticas –about, docs, config, code, contact, …–, todo :)

Enlaces:

• interNOSTRUM
• interNOSTRUM: Traducción automática castellano-catalán
• Página del proyecto
• Acceso a esta página en catalán.