Webmaster Libre

Desarrollo Web con Software Libre

Archivo de July de 2006

14 July 2006

PNGs con transparencia en Internet Explorer

Escrito por: Alma Fernández

Archivado en: Javascript, CSS, Codigo

Una de las “novedosas novedades” del Internet Explorer 7 es el soporte a la transparencia de los PNG, ¡por fin! No obstante, seguro que aún nos quedan algunos años de versiones anteriores que no tragan bien con las transparencias.

Para solucionar este “pequeño” inconveniente existen algunos trucos, unos sirven para unos casos , otros para otros.
Leer el resto de la entrada

13 July 2006

BgMaker: Crea un fondo para tu web online

Escrito por: Alma Fernández

Archivado en: Imagenes, Herramientas Online, Recursos

Quieres que tu página tenga un fondo bonito pero no te apetece tener que abrir programas de edición de imágenes, la solución BgMaker.

Desarrollado en Flash 8 (amigos linuxeros a instalar ies4linux…), BgMaker nos ofrece una pequeña zona de dibujo, dividida en píxeles con la que es sencillísimo crear fondos e iconos. Además, si lo tuyo no es “el arte” o no dispones del plugin de Flash 8 puedes ojear la galería de diseños enviados por los usuarios y descargarte lo que más te guste.

BgMaker: http://bgmaker.ventdaval.com/index.php

13 July 2006

ClickTale: Visualiza el comportamiento de los visitantes de tu página

Escrito por: Alma Fernández

Archivado en: Herramientas Online, Recursos, Usabilidad y Accesibilidad

Logotipo de ClickTale

Si siempre has sentido curiosidad sobre cómo navegan los visitantes por tu página, dónde hacen click, cómo mueven el raton, donde hacen scroll… ClickTale te va a encantar.

Actualmente en Beta cerrada (como todo vamos) ClickTale graba las acciones de los visitantes de nuestro sitio, archivándolas junto con completas estadísticas. Toda una señora herramienta para comprobar la usabilidad de nuestro sitio.

Seguro que tendrá que ser de pago una vez se lance al público, al menos para sitios grandes con muchas vistas de página pero, si es tan bueno como parece, merecerá la pena.

ClickTale: http://www.clicktale.com

Via TechCrunch

12 July 2006

Tooltips con Javascript

Escrito por: Alma Fernández

Archivado en: Javascript, Scripts

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

12 July 2006

CSS Galeries: Todas las galerias de diseños CSS en un solo sitio

Escrito por: Alma Fernández

Archivado en: Inspiración, Recursos

Logo CSS Galeries

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

12 July 2006

Creando un CSS compatible con todos los navegadores ¡y válido!

Escrito por: Alma Fernández

Archivado en: CSS, Codigo

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

11 July 2006

The Mail Archive: un archivo para tus listas de correo

Escrito por: Alma Fernández

Archivado en: Miscelaneos, Herramientas Online, Recursos

The Mail Archive Logo

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

11 July 2006

Dhtml Goodies: una biblioteca de scripts DHTML y AJAX

Escrito por: Alma Fernández

Archivado en: Scripts, Recursos

DHTML Goodies Logo

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

10 July 2006

Actualizaciones en MediaWiki y Plone

Escrito por: Alma Fernández

Archivado en: CMS

plone logo 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/

Mediawiki Logo Media Wiki 1.7.1 y 1.6.8:

Con estas dos nuevas versiones se corrigen algunos fallos.

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

10 July 2006

Notes 0.1: Un “backpack” libre

Escrito por: Alma Fernández

Archivado en: Otros, CMS

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

WordPress // Diseño por Heavenly Flames // Iconos FamFamFam //Mapa del Sitio