Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de December de 2006

Prueba superada

Bueno, la mudanza ha finalizado sin inconvenientes. Ha ido todo como la seda, puede influir que es la enésima mudanza que hago pero de momento Dreamhost se está portando bastante bien. Por supuesto, vengo de un alojamiento con Cpanel y hay cosas que echo en falta en este panel tan… azul, pero lo importante está controlado asi que que siga la fiesta.

Nos mudamos

Este blog, sus «hermanos y hermanas» y yo nos vamos de este server rumbo a DreamHost.

El actual servidor ha sobrepasado los límites de lo probable y ha bloqueado mi ip en su estupendo firewall, que me bloquea a mi pero cuando hay ataques se queda mirando…

Cualquier cosa rara en los próximos días será por cuestiones de la mudanza, lo siento anticipadamente y espero que esto esté en marcha lo más rápido posible,

Tablas mejoradas con Prototype

Una forma interesante de darle un poco de vida a esas tablas que introducimos en nuestros sitios web para contener listados de, por ejemplo, productos. Con un poco de Prototype es francamente sencillo conseguir:

  • Alternar el color de las filas
  • Cambiar el color de fondo de la fila al pasar el ratón por encima
  • Al hacer click en una columna se abre una ventana con información sobre la misma

La tabla que queremos mejorar es algo así:

  1. <table id="products">
  2.  <tr>
  3.   <th>product</th>
  4.   <th>price</th>
  5.  </tr>
  6.  <tr id="1">
  7.   <td>mouse</td>
  8.   <td>12.34</td>
  9.  </tr>
  10.  <tr id="2">
  11.   <td>printer</td>
  12.   <td>23.45</td>
  13.  </tr>
  14.  <tr id="3">
  15.   <td>screen</td>
  16.   <td>34.21</td>
  17.  </tr>
  18.  <tr id="4">
  19.   <td>USB stick</td>
  20.   <td>1.23</td>
  21.  </tr>
  22.  <tr id="5">
  23.   <td>keyboard</td>
  24.   <td>2.34</td>
  25.  </tr>
  26. </table>

Ahora colocamos el siguiente código Javascript en un archivo a parte, así podremos reutilizarlo y no hacer demasiado pesada la página con la tabla

  1. var ListTable = Class.create();
  2. ListTable.prototype = {
  3.  initialize: function(tableId, path) {
  4.   table = $(tableId);
  5.   Element.addClassName(table, 'listTable');
  6.   var odd = true;
  7.   $A(table.getElementsByTagName('TR')).each(function(row){
  8.    if(row.id !== ''){
  9.     listRow = new ListRow(row, path, odd);
  10.     odd = !odd;
  11.    }
  12.   });
  13.  }
  14. };
  15.  
  16. var ListRow = Class.create();
  17. ListRow.prototype = {
  18.  initialize: function(row, path, odd) {
  19.   this.row = row;
  20.   this.path = path;
  21.   if(odd) {
  22.    this.addBehavior('ltOdd', 'ltOddOver');
  23.   } else{
  24.    this.addBehavior('ltEven', 'ltEvenOver');
  25.   }
  26.  },
  27.  addBehavior: function(clazz, classOver) {
  28.   Element.addClassName(this.row, clazz);
  29.   this.classOver = classOver;
  30.   this.row.onmouseover = this.handleOnMouseOver.bindAsEventListener(this);
  31.   this.row.onmouseout = this.handleOnMouseOut.bindAsEventListener(this);
  32.   this.row.onclick = this.handleOnClick.bindAsEventListener(this);
  33.  },
  34.  handleOnClick: function(event) {
  35.   location.href = this.path + '?id=' + this.row.id;
  36.  },
  37.  handleOnMouseOver: function(event) {
  38.   Element.addClassName(this.row, this.classOver);
  39.  },
  40.  handleOnMouseOut: function(event) {
  41.   Element.removeClassName(this.row, this.classOver);
  42.  }
  43. };

Añades el archivo prototype.js al directorio del javascript y listo.

Toda la explicación del «truco» en el artículo original, con un ejemplo para descargar de regalo: Enhance list tables with Prototype Javascript Framework

Actualizaciones en varios CMS

Este fin de semana se han actualizado varios CMS:

Add This!: Un boton para suscribirlos a todos

Hace tiempo descubríamos FeedButton, un cómodo widget javascript que nos permitía reducir el número de botones de suscripción visibles en nuestras páginas.

Addthis Logo

Add This! va un poco más allá y nos permite ofrecer a nuestros usuarios la opción de suscribirse con su lector de feeds favorito (web y algunas aplicaciones de escritorio) o agregarnos a numerosos sitios de marcadores sociales mediante la inserción de sencillos botones.

Creas tu botón, introduces el código en tu sitio y cuando un usuario vaya a suscribirse se le abrirá otra página que le permitirá escoger con qué, permitiéndole además guardar sus preferencias para hacer el proceso automático en adelante.

Add This!: http://www.addthis.com/

Seguridad en Servidores: Linux VS Windows

El otro día, cuando publiqué esa «pequeña broma» sobre el Explorer alguien me dió un tirón de orejas, pensando que era otra más de esos «talibanes linuxeros» que despreciaban a todo el que no usaba herramientas libres. Nada más lejos de la realidad, por otro lado.

Hoy en Kriptópolis he visto unas declaraciones de Andrew Kurtz, profesional titulado por Microsoft, que se ajustan bastante a mi propia opinión pero, partiendo de alguien más cercano a Redmond que yo, creo que es interesante que sean leídas:

“Lo cierto es que manejo tanto servidores Windows como Linux y tengo que instalar muchos más parches en los servidores Windows que en sus hermanos Linux. Tal y como “sale de la caja”, Linux da una paliza a Windows en lo que se refiere a seguridad preconfigurada.

Eso no equivale a decir que Windows no puede ser hecho seguro. De hecho, un servidor Windows bien configurado es mucho más fácil de manejar (en mi opinión personal) que un servidor Linux, pero eso no anula el hecho de que si se instala un servidor con Windows y el de al lado con Linux, se ponen ambos en la red y se abandona la habitación, el servidor Windows va a ser el que resulte secuestrado.”

Una cosa es decir la verdad sobre los fallos y vulnerabilidades de uno o varios productos de Microsoft y otra muy diferente es pretender asegurar que Windows no vale para nada. Si a ti te sirve ¿por qué no lo vas a usar? (salvo que el tiempo que empleas solucionando fallos lo quieras emplear en otra cosa, pero eso ya es cosa tuya)

CodigoXGrafico: Diseñador busca programador…

CODIGOXGRAFICO logo

A través de Genbeta descubro un interesante nuevo servicio web en castellano: CodigoxGrafico.

CODIGOxGRAFICO es el punto de encuentro de diseñadores y programadores: Anuncia tus proyectos, busca colaboradores, publica tus ofertas de empleo, envíanos noticias, publicita tus trabajos y crea tu comunidad en torno al mundo de la programación y el diseño gráfico.

CODIGOXGRAFICO: http://www.codigoxgrafico.com

El nuevo aspecto de Webmaster Libre

Bueno, como veríais he estado un par de días sin escribir nada por aquí. Durante estos dos días he estado ultimando el nuevo aspecto de Webmaster Libre y alguna otra sorpresa (atentos).

Aún queda darle algunos retoques así que, como siempre, si veis algo que no funciona avisadme.