Webmaster Libre

Desarrollo web con software libre

Buscador

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

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

The Mail Archive: un archivo para tus listas de correo

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

Dhtml Goodies: una biblioteca de scripts DHTML y AJAX

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

Actualizaciones en MediaWiki y Plone

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/

Notes 0.1: Un “backpack” libre

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

Koders y Code Snippets: Dos librerías de fragmentos de código más

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/

Listado rápido de entidades XHTML

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

Litebox: Un Lightbox realmente “light”

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

1 imagen, 1000 estilos

Seguro que alguna vez, con todo terminado te has dicho “Pues eso quedaría bien bonito en otro color”… Si la página no tiene demasiadas imágenes en dos segundos tarea resuelta pero ¿y si has metido imágenes de fondo o iconos qué?

Puede que no sea una solución válida para todo tipo de situaciones pero, puede ser una idea desde la que empezar a pensar algo: utiliza imágenes transparentes y controla los colores de fondo con CSS.

Sé que suena como a mucho complicarse pero si echais un vistazo a estos dos ejemplos estoy convencida de que le veréis uso:

Super Stripes:
Un ejemplo de como crear un fondo con las líneas diagonales que tanto se ven por ahí y que se adapte facilmente a cualquier cambio de color.

Enlace: Super Stripes

Sanscons:
Iconos con fondo transparente que se personalizan con CSS

Enlace: Sanscons

activeCollab

Si necesitas coordinar colaboradores y proyectos, via internet, seguro que te has planteado darte de alta en algún servicio como Basecamp.

Si, a pesar del éxito de soluciones así, eres de los míos y prefieres instalar tus propios CMS seguro que te encanta activeCollab.

Captura de pantalla del interfaz de activeCollab

ActiveCollab es un sistema sencillo, basado en web, de coordinación y gestión de proyectos.
Entre sus principales ventajas destacan:

  • Fácil de instalar y usar
  • Basado en web, una vez instalado lo único que necesitarás es un navegador
  • 100% código abierto, 100% grátis
  • Sin límites en cuanto a número de proyectos, clientes, miembros del equipo…
  • Establece permisos diferentes para cada proyecto

Se trata aún de una versión alpha pero ya es un proyecto funcional y práctico.

activeCollab: http://www.activecollab.com/
Basecamp: http://www.basecamphq.com/

Via eHub

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory