Los tooltips son esos mensajes emergentes que surgen para añadir más información, generalmente, a un enlace o una imagen. Los tooltips en html suelen generarse por medio del atributo “title” y, en el caso de las imágenes, erroneamente, con el atributo “alt” que, a pesar de presentarse como un tooltip en muchos navegadores, es un reemplazo de texto para las mismas. Para más información podéis ojear The Alt and Title Attributes en 456 Berea Street y la referencia al atributo alt en las faq para desarrolladores de Mozilla.

La falta de consistencia en la representación de estos mensajes por parte de los navegadores provoca usos incorrectos que, si bien pueden servirnos en algunos casos, producen un empeoramiento de la funcionalidad para usuarios no-visuales.
Además, en ocasiones puede resultarnos útil añadir este tipo de mensajes emergentes a elementos que no sean enlaces o imágenes, incluso puede que necesitemos que esta información aparezca en pantalla asociada a gestos diferentes del de pasar el ratón por encima o, incluso, con un estilo definido por nosotros mismos.

Para todos estos usos, puede solucionarnos la papeleta el uso de un poco de Javascript. He estado mirando un poco y he encontrado unos cuantos scripts.
Leer el resto de la entrada

Las galerías de diseños con CSS son toda una moda, existen y aparecen tantas que se hace dificil seguirlas, aún así muchos tratamos de hacerlo para estar al tanto de lo que se está haciendo por ahí.

La gente de CSS Galeries ha pensado que resultaría mucho más cómodo poder ver todas las novedades en un sólo sitio y, actualmente, indexan 22 de estas galerías en su página. Todo un “planet” de diseños.

CSS Galeries: http://css-galleries.com/

Via The CSS Weblog

Supongo que todos sabemos lo difícil que puede resultar conseguir que nuestras páginas se vean bien en todos los navegadores, en múltiples ocasiones nos vemos forzados a usar fragmentos de código propietario, que rompen con la validación, para conseguir efectos sencillos en determinados navegadores (no miro para ninguno…).

Por suerte, tenemos a nuestra disposición diversos mecanismos para facilitarnos, en la medida de lo posible, la labor de obtener páginas compatibles con todos los navegadores y que validen contra los estándares web.
Leer el resto de la entrada

Si estás llevando alguna lista de correo pública y quieres ofrecer a tus usuarios una forma sencilla y agradable de navegar por los archivos The Mail Archive puede ser la solución.

Creado en 1998, The Mail Archive nos permite, de forma gratuita y fácil, mantener un archivo público, personalizado con nuestro logotipo e, incluso, con una hoja de estilo personal.
Sólo tendrás que suscribir la dirección de mail que se te indica a la lista de correo y en seguida dispondrás de tu archivo, incluso si tu no eres el administrador de la lista.

Este archivo estará accesible para todo el mundo así que no hagas pruebas con listas que deban quedar como privadas.

Aquí os dejo un ejemplo, el archivo público de la lista de correo Ovillo

The Mail Archive: http://www.mail-archive.com

DHTML Goodies es una excelente colección de scripts DHTML y AJAX que podrás descargar y utilizar en cualquier página web personal o comercial e introducir en tus aplicaciones. Las únicas limitaciones a las que están sujetos los scripts son: no redistribuirlos o reempaquetarlos y respetar los créditos que aparecen en el código fuente (que podrías eliminar previo pago).

DHTML Goodies: http://dhtmlgoodies.com/index.html

Plone:

Plone presentó hace un par de días su nueva versión, la 2.5, entre sus características más interesantes:

• Nueva infraestructura de cache
• Mejoras en el sistema de autentificación
• Soporte para exportaciones en XML de configuraciones del sitio
• Soporte para las últimas tecnologías como Zope 2.9 y Python 2.4

Requisitos:
Zope 2.9.3 y Python 2.4.2+ o Zope 2.8.7 y Python 2.3.5+

Plone: http://plone.org
Zope: http://zope.org/
Python: http://www.python.org/

Media Wiki 1.7.1 y 1.6.8:

Con estas dos nuevas versiones se corrigen algunos fallos.

Mediawiki:
http://www.mediawiki.org/

El otro día descubría activeCollab, una alternativa libre al conocido Basecamp.
Hoy conozco una alternativa a otro de los productos de 37signals, Backpack, el organizador personal: Velakor Notes

Velakor Notes acaba de ser liberado bajo una licencia RPL y pretende convertirse en una firme alternativa a sistemas de pago. Está escrita en Ruby on Rails y nos ofrece las mismas características que su equivalente comercial:

• Creación de páginas con notas, listas e imágenes, públicas o privadas
• Organización de las notas por pestañas, con búsqueda integrada
• Espacio para anotaciones temporales rápidas
• Chat

Es una aplicación joven pero interesante, personalmente me encanta poder disponer de ciertas funcionalidades en una instalación completamente controlada por mí (no me gusta confiar mis archivos y datos a terceros)

Enlaces:

Velakor Notes: http://www.velakor.com
Backpack: http://www.backpackit.com/
37signals: http://www.37signals.com/

Via dZone

El otro día hablabamos de Snipplr, en la misma línea están Koders y Code Snippets:

Koders

Koders nos permite buscar fragmentos de código de diversos lenguajes (entre los que se incluyen PHP, javascript, Ruby, Sql…) y con diversos tipos de licencia. Además, los desarrolladores de Koders han desarrollado también plugins para realizar búsquedas desde Eclipse, Firefox e incluso incluir una búsqueda de código en nuestro sitio.

Enlace: http://www.koders.com

Code Snippets

Nos permite alojar nuestros fragmentos de código y hacer búsquedas entre los enviados por el resto de usuarios, categorizados por etiquetas.

Enlace: http://www.bigbold.com/snippets/

Seguro que tienes algun papelillo o documento con las entidades (x)HTML que más utilizas, incluso puede que algunas las hayas memorizado pero seguro que le sacas partido a una referencia rápida, visualmente agradable y excelentemente organizada.

XHTML Character Entity Reference por Jim Rutherford autor de Digital Media Minute

Me encanta el efecto que se consigue usando Lightbox, ya sabéis al dar click en una imágen se oscurece toda la página y surge la imagen ampliada en primer plano…
Queda realmente bien pero el script es un poquito grande y pesa bastante.

Si a ti también te parece que pesa demasiado quizá quieras probar Litebox, se trata de una versión adelgazada de Lightbox, con el mismo resultado en mucho menos peso. ¿Y cómo se obra el milagro? Simple, en lugar de utilizar la libreria Script.aculo.us se utiliza la infinitamente más ligera moo.fx y en lugar de usar la version completa de Prototype se utiliza la versión lite.

Enlaces:

Litebox
Lightbox
Script.aculo.us
Prototype
Moo.fx

Via Download Squad