jueves, 10 de noviembre de 2005

PCSofía: La sabiduría del PC

Con este nombre se presenta el amigo Hernan Berguan. Espero que nos dé la lata durante mucho tiempo. Estrena publicación online y estrena weblog. Todo un despliegue de medios para intentar llegar a cuanta más gente mejor.

Los temas sobre los que nos va a deleitar están relacionados con el quehacer diario de cualquier usuario de un ordenador personal. He aquí el sumario de temas del primer número.

  • Descubrimiento de la herramienta oculta msconfig
  • Creación de archivos PDF con PDFCreator
  • Enseñanzas sobre como buscar en Google
  • Semejanzas y diferencias entre el Explorer y el Internet Explorer
  • Filosofía y modus vivendi de los pringaos de la informática doméstica
  • Y un apunte sobre retretes galácticos


Que este resumen no os sirva como excusa para no suscribiros, bien al boletín electrónico (en formato PDF), bien a la bitácora. El estilo utilizado es refrescante y educativo. Merece la pena leerlo. A mí ya me ha enganchado y espero con ansia el próximo número.

domingo, 6 de noviembre de 2005

Del.icio.us, o como mantener al día tus favoritos

En casa, en el trabajo, en el cibercafé..., todos en algún momento hemos necesitado guardar un enlace en la lista de favoritos del navegador web. Para muchos, incluso, es un hábito muy común. Pero el sistema tradicional de manejo de estas listas de enlaces, deja bastante que desear en cuanto a clasificación y deslocalización. Mantener múltiples listas, según el navegador que estemos usando o la ubicación donde nos encontremos, y lo que aun es peor, como ir clasificando por temas todos los enlaces no es tarea sencilla si no podemos mantener todo centralizado.

Con el objetivo de paliar estos dos problemas, clasificación y centralización, nace el proyecto del.icio.us. Es un proyecto donde todos los enlaces que van incorporando los usuarios, a la vez son públicos para el resto. Nos permite tener centralizados todos los enlaces porque todos se almacenan en Internet y, gracias a su sistema de clasificación mediante etiquetas (tags en inglés), podremos ir catalogando nuestra colección de favoritos.

La gracia de las etiquetas es que sean a la vez breves y descriptivas. Por ejemplo, si para clasificar una dirección web necesitamos más de 4 o 5 etiquetas, probablemente no estaremos eligiendo las más adecuadas. El otro matiz importante sobre la elección de las etiquetas es que, si son comunes a las que utilizan otros usuarios, será más fácil buscar por estos conceptos dentro del propio sistema del.icio.us. Recordemos que toda la información es compartida y pública y, si la clasificación de la misma es la correcta, será más fácil recuperarla y acceder a otras direcciones relacionadas.

Cómo empezar a utilizar del.icio.us

Para resgistrarse en el sitio web de del.icio.us, sólo es necesario un nombre, una dirección de correo y una contraseña.

El modo de funcionamiento tampoco puede ser más sencillo, pero para que todavía lo sea más, vamos a explicar como simplificarlo gracias a varias extensiones disponibles para el navegador web Firefox.

Extensión delicious

El proceso de agregación de enlaces a nuestra colección no puede ser más simple gracias a esta extensión. Una vez instalada, añade un menú propio al menú contextual propio del navegador y, lo que es mejor, se puede añadir un nuevo botón en la barra de herramientas. Si esta es la opción elegida, mientras visualizamos la página que queremos agregar, sólo hará falta darle al nuevo botón para añadirla a la colección.

Para terminar de completar el proceso, se nos mostrará un diálogo con los siguientes campos:


  • Cuenta de del.icio.us donde agregar el enlace (podemos configurar varias en la extensión).
  • Dirección web de la página.
  • Título
  • Descripción (de no más de 255 caracteres).
  • Etiquetas para clasificar la información (separadas por espacios, se pueden poner tantas como queramos). Para que nos sirvan de referencia, también se mostrarán las etiquetas que nos recomienda el sistema, las de nuestra colección y las más populares que tengan que ver con la información que queremos clasificar.


Truco
Si utilizamos como etiqueta for:nombre_usuario_delicious podremos mandar enlaces a otro usuario. Más información sobre este tema en Microsiervos.

Extensión foxylicious

Una cosa es tener siempre en todo momento y lugar (siempre que tengamos conexión a la red), nuestra colección de enlaces en Internet, pero puede que queramos tener una copia de seguridad, por si acaso, en nuestro propio navegador. Esto es posible gracias a foxylicious. Con esta herramienta podremos mantener una copia sincronizada de la colección de enlaces en nuestros favoritos del navegador.

Después, exportando la lista a formato HTML, tendremos preparada una copia de seguridad.

Extensión delic123

O mejor llamada, delicious todo en uno. Nos intalará una barra de herramientas con todas las opciones a realizar con del.icio.us. Entre sus opciones, destacaré una: el campo de búsqueda que permite buscar enlaces en todo el sitio, en nuestra cuenta y en muchos sitios más.

Si os aficionais al sistema, acabareis utilizando esta última extensión. Está en constante evolución, al igual que el propio del.icio.us, para estar a la par en funcionalidades.

domingo, 2 de octubre de 2005

Extensiones para desarrolladores web en Firefox

Aparte de ser un navegador web más seguro que MSIE, Firefox está también mejor diseñado para usuarios de todo tipo. Las extensiones que se pueden añadir a la aplicación, según gustos y necesidades de cada cual, le dan a este navegador la potencia necesaria para desmarcarse, por ahora, claramente del resto.

En la página oficial de la fundación Mozilla, podeis encontrar una interminable lista de extensiones, plugins y temas para personalizar Firefox.

En este artículo, voy a enumerar algunas extensiones que pueden ser de gran ayuda para el desarrollo de páginas y aplicaciones web. Si conoceis alguna más, no dudeis en comentarla.

Web Developer Toolbar

Tal vez sea la extensión más conocida y más completa. Con ella se pueden realizar multitud de acciones como:

  • deshabilitar la caché, las cookies, las imágenes, java, javascript, los colores de la página, las hojas de estilos, ...,
  • añadir hojas de estilos de usuario, ver todos los archivos CSS de una determinada página, cambiar el modelo de cuadro entre el usado por el motor de Mozilla, Gecko, y el usado por Internet Explorer; ver los estilos aplicados a un elemento de una página, poder cambiar entre los diferentes estilos de los medios utilizados (handheld, screen, print), incluso editar los estilos de una página desde el propio navegador,
  • ver sobreimpresionado en un formulario el código HTML que lo construye (para poder ver campos ocultos en la propia página, por ejemplo), ver el contenido de campos de tipo password (transforma los asteriscos en texto en claro), quitar longitudes máximas a los campos de texto, mostrar información detallada de los formularios (todos los elementos con todos los valores de sus atributos),
  • mostrar las dimensiones y tamaños (y hasta las rutas) de las imágenes (de los elementos img, no de las usadas como fondo en las hojas de estilos), deshabilitar imágenes (incluso las de fondo) o hacerlas invisibles, ...,
  • ver información sobre la página: teclas de acceso rápido (access keys), identificadores y clases de los elementos de la página, tamaños de los elementos de bloque (aquellos que son contenedores de otros elementos), valores de los atributos href de los enlaces, cookies, javascript, listado de enlaces, cabeceras HTTP de respuesta,
  • limpiar la caché, el historial, las cookies; ver los comentarios de una página; marcar todos los enlaces como visitados o no visitados (y probar fácilmente los estilos de cada estado); enlaces para consultar las especificaciones del W3C, ...


La lista de funciones todavía es más larga, pero con esta muestra podeis daros cuenta de su gran utilidad.

HTML Validator

Una forma bastante cómoda de saber si seguimos los estándares del HTML es instalar esta extensión. Podremos ver al instante si la página es válida según el DOCTYPE que hayamos elegido. Marca tanto los errores graves como los avisos. También es posible verificar si cumplimos los diferentes niveles de accesibilidad.

Además, esta herramienta nos da la posibilidad de limpiar y corregir el código HTML, gracias a que está basada en Tidy.

FatWeb

Tras instalar esta utilidad, en la barra de estado del navegador podremos ver tanto el número de archivos que componen la página actual (archivos CSS, JavaScript, imágenes y la propia página HTML), como los bytes que suman entre todos ellos. En una ventana auxiliar, que se mostrará si hacemos click sobre la parte de la barra de estado que ocupa, aparecen en forma de resumen, los tamaños de cada uno de los ficheros.

También proporciona información sobre el tiempo estimado que costaría descargar esa cantidad de bytes con una conexión lenta (56 Kb) y una rápida (1.5 Mb).

Live HTTP Headers

Este visor de cabeceras HTTP puede ser muy útil en cuanto estamos trabajando contra servidores web. Podremos seguir todo el tráfico del protocolo HTTP generado por nuestras peticiones y las respuestas del servidor. Incluso se pueden ver los datos pasados vía POST en los formularios.

Header Monitor

Si tenemos instalada la extensión Live HTTP Headers, también podremos ver en acción a esta otra. Es menos potente que la anterior, pero tiene una ventaja: el contenido de la directiva HTTP que decidamos controlar aparece en la barra de estado del navegador, sin necesidad de abrir una ventana auxiliar.

Tamper Data

Permite ver y modificar las cabeceras HTTP. Puede capturar las peticiones de cada página y alterar los valores de las cabeceras antes de mandarlas al servidor.

User Agent Switcher

Puede ser interesante ver como se muestran algunas páginas según nos identifiquemos con un navegador u otro. Esta utilidad sirve para cambiar la identificación del explorador web. Por defecto viene con algunos definidos, como Internet Explorer 6, Opera 7.54 y NetScape 4.8, pero lo interesante es poder definir cuantas identificaciones queramos.

LinkChecker

Como su nombre indica, sirve para verificar si todos los enlaces de una página van a algún sitio. Conforme vaya analizando los enlaces, veremos como los va poniendo de un color diferente al que tenían en un principio: verde si es correcto, rojo si es inválido, amarillo si se requieren credenciales para seguir el enlace y gris si no ha sido analizado. Una vez que haya terminado, si nos ponemos encima de cada enlace, nos dirá si el enlace es válido o no, si no lo ha analizado por apuntar a una cuenta de correo o contener código javascript (práctica esta que debemos evitar siempre). Si algún enlace no es sintácticamente correcto, es posible que la herramienta se pare y deje de analizar, pero no será muy difícil localizar el enlace conflictivo: el siguiente enlace al último coloreado.

Inspector Widget

Añade una opción en el menú contextual para acceder al inspector DOM que viene en Firefox.

MeasureIt

Sirve para medir zonas de la página en píxeles, tanto la altura como la altura. Como inconvenientes diré que he sido incapaz de redimensionar una zona creada con esta herramienta. No sé si es que no se puede o es que todavía no la sé manejar adecuadamente. Tampoco he sabido como tener más de una zona definida al mismo tiempo.

Checky

Para que no se nos olvide ningún elemento ni ninguna prueba a la hora de validar una página: HTML, CSS, RDF, RSS, WAI/508, enlaces, navegador lynx online, ... Casi todas las herramientas existentes en Internet para validar contenidos están recogidas en esta extensión, y están a un sólo click de distancia.

TAW3

TAW son las siglas de Test de Accesibilidad Web. Pulsando sobre el botón que añade en la barra de estado de Firefox, tendremos la posibilidad de verificar si seguimos las pautas de accesibilidad (niveles 1, 2 y 3). El validador online al que se conecta es www.tawdis.net.

Fangs

¿Cómo saber si los usuarios que utilizan lectores de pantalla ven exactamente el contenido tal y como queremos que lo lean? Esta interesante utilidad viene a solucionar nuestras dudas. En una ventana auxiliar nos mostrará la forma en que un lector de páginas web mostrará la información al usuario. Las herramientas de validación de accesibilidad no aseguran que los contenidos sean realmente accesibles, pero esta herramienta puede ayudarnos, y mucho, a conseguir ese objetivo.

wmlbrowser

Ya no hace falta otra herramienta para visualizar contenido WML. Si desarrollamos páginas para dispositivos móviles con Firefox y esta extensión es más que suficiente.

Dublin Core Viewer

Muestra los metadatos que hay en formato Dublin Core en los elementos de cabecera meta y link.

ColorZilla

Con esta herramienta podremos conseguir los colores de una página y hacer nuestra propia paleta personal. El color capturado es mostrado en formato RGB decimal y hexadecimal, y en formato HSV.

Lleva predefinidas paletas de colores web seguros, colores con nombre, colores del sistema..., además de la posibilidad de añadir más.

jueves, 22 de septiembre de 2005

Otro colaborador

Al igual que a Mr. Azul, jact insistió en que me uniera en su aventura.
Por supuesto, acepté. Sólo espero ser capaz de estar a la altura.
Siempre me he considerado un persona blanda, si me piden ayuda ofrezco la mano.
Cuando este compañero y amigo me lo ofreció con ilusión, no pude decirle que no.

Nali sí es programador y trabaja con jact, pero fuera de su ámbito.
Aunque he tenido el placer, y honor, de complementarme con él en un proyecto de éxito.

Mis escasos conocimientos sobre web y diseño son casi nulos y si alguno hay, caducado.
Así que dudo que alguna vez publique algo sobre esto. Si lo hago, seguro, copiado.

Me decanto más por escribir sobre mi pobre existencia.
Que gracias a gente como jact, y a "alguna" otra, sale a veces de pobre y obtiene ganancia.

Debo agradecer a Mr.Azul que me haya proporcionado un guión.
Quería escribir, y jact deseaba que escribiera. No me surgen buenas ideas bajo presión.

Ya vale de chorradas, por ahora. La próxima vez, algo más serio, prometido.
Tal vez algún día, con esfuerzo, escriba como Fuckowski, o parecido.

viernes, 2 de septiembre de 2005

Cita a ciegas

Quien me iba a decir que asistiría a una. En más de una ocasión estuve a punto de no ir, de no entrar. Pero lo hice, y no me arrepiento. En la quinta edición del Cadius Zaragoza, que organiza Daniel Torres Burriel, fue mi primera vez. Mi primer contacto con personas como Silvia Arcos o los diseñadores de páginas como la Cai o Toc-Toc, Carol y Alberto. No tuve el placer de conocer a todo el grupo pero espero hacerlo en una próxima ocasión.

También, gracias a ese encuentro, he podido descubrir Cocina para hombres, de Joaquín Gracia. Ya he comenzado a publicitarla entre mis amistades.

Sólo soy un simple programador web, con muy poca experiencia en comparación con las personas con las que hablé. Me sentí como el nuevo de una clase donde todos se conocían pero fue muy interesante conocer a los diseñadores, a los habitantes del "otro" lado.

Confío en que se mantenga el espíritu de los encuentros y que al menos nos volvamos a juntar, como mínimo, los mismos el mes que viene. Quiero felicitar desde estas líneas a Daniel por ser el causante de este experimento. Como pudiste observar, tienes un gran poder de convocatoria.

lunes, 22 de agosto de 2005

Comienzo de una aventura

¡Claro que es una aventura! Ya inicié una hace unos años, cuando comencé mis andanzas en esto de Internet, con la publicación de OpenClinic, mi proyecto fin de carrera. Y ahora me embarco en otra. Pero esta vez espero no estar tan solo y contar con colaboraciones. Tanto de la gente que pare ocasionalmente por este trocito de red como por parte de algunos que yo me sé.

Empezaré por definir los objetivos que me he propuesto en la elaboración de este blog:


  • Dicen que lo importante no es la idea, sino el llevarla a cabo. Este es el objetivo principal. ¡Ya basta de palabras y pasemos a la acción!

  • Desde hace unos años, me dedico profesionalmente a la programación web y me gustaría compartir algunos de mis conocimientos y referencias. Es hora de devolver algo de lo mucho que he aprendido en la red de redes.



Me he propuesto, al menos inicialmente, hacer un post al mes. El trabajo, el continuo reciclaje de conocimientos (leer y probar, leer y probar, ...), mi escasa vida social... creo que uno al mes, es más que suficiente.

El nombre del blog se lo debo a un amigo, un buen amigo. Desde luego, imaginación no le falta.

Espero no tardar mucho en personalizar el tema. Me han gustado los que había para elegir, hechos por diseñadores como Jeffrey Zeldman, Dave Shea, Douglas Bowman, Todd Dominey, Dan Rubin, Dan Cederholm, etc. De todos ellos he aprendido algo, pero ya que se supone que vivo de esto, debería notarse en algo. Que menos que hacer un tema...

Y para terminar un deseo: mirar atrás dentro de un año y ver que el viaje ha merecido la pena, y que tal vez haya habido compañía durante el camino. Siempre es más divertido y enriquecedor.