Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de August de 2006

Sorttable: Haz que todas tus tablas puedan ordenarse

A pesar del paulatino repudio de los desarrolladores web hacia las tablas, éstas siguen teniendo su función: mostrar datos de forma tabular. Obvio, ¿no?

Cuando nos encontramos ante una tabla de datos, puede surgirnos la necesidad de permitir a nuestros usuarios ordenar los datos (por orden alfabético, de mayor a menor…). Esto que, en principio es algo simple, puede envolver múltiples líneas de código PHP, consultas a la base de datos y recargas de la página…

Sorttable
es un sencillo script javascript, creado por Stuart Langridge, con el que podremos convertir los encabezados de la tabla en objetos sobre los que hacer click para ordenar los datos.

Imagen de una tabla usando sorttable

Sin recargas de página ni complicados códigos, simplemente se carga el script en el header de la página y asociamos las tablas que queramos hacer interactivas mediante una clase. La personalización corre de tu cuenta editando unas líneas de CSS.

Entre las múltiples ventajas del uso de este script destacan dos: es totalmente no obstrusivo y es capaz de detectar el tipo de datos contenidos en una columna y ordenarlos adecuadamente de forma automática.

En Tu Función tenéis todas las instrucciones detalladas y una tabla de ejemplo.

Sorttable: http://kryogenix.org/code/browser/sorttable/

8 clichés del diseño web del 2006

Gracias a los chicos de Sentido Web y sus enlaces veraniegos descubro un interesante artículo que hace un repaso rápido a eso que podemos llamar la tendencia del Diseño Web: degradados, fondos claros, efecto suelo mojado, tags/folksonomías… (se olvida de los bordes redondeados, será que al autor aún no le molestan)

8 Web Design Clichés of 2006

Como diseñar una aplicacion grande con Ajax

Adam Howitt ha publicado en su weblog una interesante guia en la que detalla el proceso que siguió para desarrollar dos aplicaciones con Ajax. Según comenta, este enfoque le ha ayudado a facilitar el trabajo con los diseñadores y a programar mejor las fases del proyecto.

How to design a large Ajax aplication

Descarga (pdf, 8 páginas, inglés, 105kb, de la página del autor)

jQuery Visual Documentation



JQuery
es una potente librería Javascript. Visitando Despues de Google conozco jQuery Visual Documentation. Una guia visual, con ejemplos, de las funciones de la librería. Ideal para consulta rápida.

jQuery:
http://jquery.com/
jQuery Visual Documentation: http://www.visualjquery.com/

Errores, cookies y PHP

En inglés,

  • Los 7 errores más peligrosos de seguridad en PHP, una recopilación de fallos de programación que pueden producir tremendos agujeros de seguridad.
    Top 7 PHP Security Blunders
  • Entender y manejar Cookies, un extensísimo artículo con todo lo que necesitas saber sobre las cookies
    Understanding and managing cookies

Tamaños mínimos y Explorer

Las propiedades min-width y min-height nos permiten establecer un tamaño mínimo para el ancho y el alto de una capa u objeto, respectivamente. Esto tiene sentido en los navegadores más estrictos donde width y height son valores exactos para la anchura y altura pero cuando mostramos la página en Internet Explorer suceden cosas “raras”:

  1. Las propiedades height y width son interpretadas como min-height y min-width, es decir, si el contenido es más grande que el contenedor este se adaptara para albergarlo.
  2. Min-height y min-width no se entienden y por tanto se ignoran

En aNieto2k se ha publicado hoy un enlace a un hack que nos ayudará a solucionar este problema, nada que no pudiésemos hacer ya con otros trucos de los que ya hemos hablado, no obstante es interesante y bastante limpio para ser un hack: Min-Height Fast Hack por Dustin Diaz

selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

Como el Explorer no entiende la marca !important, la ignora y continua tomando valores. Por tanto funcionará hasta que se arregle el fallo en versiones nuevas pero esperemos que llegados a ese momento también funcione min-height.

Supongo que no hace falta decirlo pero: también funciona con min-width

byteMyCode: Un digg de snippets

byteMyCode Logo

El modelo de Digg vuelve a servir de base para un sitio, en este caso un sitio donde los usuarios aportan, valoran y comentan fragmentos de código.

Sin duda puede convertirse en una herramienta interesante si tiene “la suerte” de contar con una comunidad la mitad de activa que Digg.

byteMyCode: http://www.bytemycode.com/

Via Genbeta

Multiple Explorers: varias versiones de MSIE en tu Windows

Hace unos días, cuando hablabamos de ies4linux decíamos que una de las ventajas que este suponía frente a los usuarios de Windows era que nos permitía disponer de varias versiones de Internet Explorer en una máquina.

Con Multiple Explorers podréis tener instalados Explorer 3, 4, 5, 5.5 y 6. Para que funcione es necesario empezar con una instalación de Windows XP con Internet Explorer 6 y descomprimir cada una de las instalaciones, que habremos descargado de la página, en una carpeta distinta. Luego sólo es ejecutar el que queramos arrancar dando doble click al archivo IEXPLORE.EXE. Más fácil imposible.

Eso si, en la web no habla de Explorer 7.

Multiple Explorers:
http://www.quirksmode.org/browsers/multipleie.html

Test de velocidad de navegadores y javascript

Es común que veamos test de velocidad hechos sobre el tiempo de arranque de un navegador o lo que tarda en cargar una página pero este es el primer test que mide la velocidad de carga de los scripts Javascript. Algo que, de un tiempo a esta parte con la popularización de AJAX, importa cada vez más.

Si esperabais que el más rápido fuese Firefox, lo siento. Opera es el claro ganador de esta “carrera”

Grafico sobre velocidad de los navegadores Clave para el grafico

En el artículo original, en inglés, además de poder leer un poquito más sobre la prueba podréis probar vosotros mismos la velocidad de vuestro navegador, eso si no esperéis grandes diferencias en los resultados.

Javascript Speed Test

Via Kriptopolis

Drupal 4.7.3 y 4.6.9

Logo Drupal Están disponibles para descarga las nuevas versiones 4.7.3 y 4.6.9 de Drupal. Con esta actualización se soluciona una vulnerabilidad de seguridad.

Como siempre, recomendada la actualización

Mas información en Drupal