El equipo del GWT ha lanzado una actualización de su librería. En este caso, han mejorado diversas cosas e introducido novedades:

• Localización
• Una librería XML basada en el DOM del W3C
• JSON más rápido
• El muy esperado widget para subir archivos
• Widget FormPanel: envía facilmente formularios HTML a través de tus aplicaciones
• Mejoras en JUnit
• Inyección automática de recursos: Es decir, los módulos pueden contener referencias a archivos CSS o Javascript que serán automáticamente cargados cuando se cargue el módulo
• Documentación del API estilo Javadoc
• Mejor manejo del caché de los navegadores

Algunos cambios a nivel de API pueden requerir retoques en el código al actualizar, pero debería ser una actualización sencilla.

Descarga GWT 1.1:
http://code.google.com/webtoolkit/download.html

Via Google Code Blog

A principios de este mes os comentaba JSMin, un compresor para Javascript. Hoy me encuentro en Agile Ajax una comparativa entre cinco de estos algoritmos de compresión: Javascript/HTML Cruncher-Compressor, Dojo Shrinksafe, Javascript Compressor, Packer y JSMin.

Enlace: Five Javascript Compressors Compared

Es común que en nuestras webs tengamos que incluir tablas de datos, generalmente cuando tenemos un campo de texto más grande que el tamaño de la celda permitimos que éste se expanda, modificando todo el aspecto de la tabla, para poder mostrar todo el contenido.
Para evitar que la celda se expanda desencajándolo todo, podemos fijar el tamaño de la tabla y no permitir que esta se adapte a los contenidos pero cuando un contenido sea mayor que su contenedor aparecerá un incómodo scroll.

How to Display Tabular Data - A New Perspective es un artículo (en inglés) que nos enseña cómo crear una tabla cuyas celdas, en lugar de expandirse para adaptarse, utilizarán un agradable scroll con Javascript para mostrar su contenido, algo así:

Compatible con todos los navegadores.

En la última página del artículo podréis descargar el script completamente funcional con todo lo necesario en un archivo zip.

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.

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/

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/

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”

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

JSMin es un filtro que borra los comentarios y espacios en blanco innecesarios de tus scripts Javascript, llegando incluso a reducir su tamaño a la mitad.

Totalmente multiplataforma, se encuentra disponible para descarga como ejecutable para MS-DOS, codigo fuente en C, C#, Java, Javascript, Perl, PHP, Python y Ruby.

Importante: JSMin realiza los cambios sobre el mismo archivo que le indiques para procesar, sobreescribiéndolo y el resultado suele ser francamente ilegible, recuerda guardar copias de seguridad de todos tus archivos.

JSMin:
http://www.crockford.com/javascript/jsmin.html

Hace tiempo llegó a portada de digg un artículo, del que se hicieron eco algunos blogs como Sentido Web, que hablaba de cómo dar estilo a los checkboxes y radio buttons de los formularios. Como viene siendo habitual, la mayor pega de este método es que no funciona en Internet Explorer.

Si quieres dar estilo a los radio buttons y checkbox de tus formularios, para todos los navegadores con javascript activado, prueba la técnica de Chris Erwin.

Por medio de Javascript se ocultan los botones y se le da estilo a la etiqueta label.
El formulario sigue recogiendo los datos normalmente ya que es la propia etiqueta label la que activa el control correspondiente.
Y si el Javascript no está activado, no se ocultarán los controles y el formulario se presentará como un formulario normal, totalmente funcional.

Su implementación es muy sencilla, tenéis instrucciones detalladas en la página del autor.

CRIR: http://www.chriserwin.com/scripts/crir/index.php

Aptana es un IDE o entorno de desarrollo enfocado a las aplicaciones web con AJAX/Javascript.
Está basado en Eclipse y, como este, está disponible para Windows, Linux y Mac OS.
Además, si no nos interesa instalarnoslo como una aplicación independiente podemos agregarlo a nuestra instalación actual de Eclipse como un plug-in.

Características:

• Asistente para código CSS, HTML y Javascript, incluyendo tus propias funciones de Javascript
  
• Estructura esquemática que te permite analizar tu proyecto en una visión de conjunto
• Notificaciones de errores y advertencias

Aptana es Software Libre, licenciado bajo la Eclipse Public Licence

Aptana: http://www.aptana.com/
Eclipse: http://www.eclipse.org

Via Genbeta

Generalmente vivimos muy bien sin dar sombra a nuestros textos, a la espera de que más navegadores acepten la propiedad text-shadow de CSS 3, no obstante muchas veces nos resultaría realmente útil poder usarla con resultados uniformes en todos los navegadores.

Hasta ahora teníamos tres aproximaciones al tema, que cuando funcionaban en un navegador fallaban en otro e incluso haciendo uso de una combinación de las tres los resultados eran muy diferentes en los diversos navegadores:

1. Usando la propiedad text-shadow de CSS 3, de momento sólo soportada por Safari y Konqueror (gracias Xir por la corrección)
2. Utilizando la pseudo-clase :before antes del texto para duplicarlo y simular una sombra, cosa que no funcionaría en MSIE
3. Usando un filtro propietario para MSIE

Scott Jehl nos ofrece un script en Javascript, no obstrusivo, que nos permite de forma sencilla conseguir este efecto de forma homogénea en todos los navegadores que tengan soporte para Javascript.

Para utilizarlo simplemente se carga el script

<link href="css/dropShadows.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="scripts/dropShadows.js"></script>

y se añade la clase highContrast (recuerda, respeta las mayúsculas y las minúsculas)

<h2 class="highContrast">Here's an example</h2>

La apariencia de la sombra puede editarse en el archivo dropshadow.css

Descarga Javascript:
http://www.scottjehl.com/jsDropShadows/scripts/dropShadows.js
Descarga CSS:
http://www.scottjehl.com/jsDropShadows/css/dropShadows.css

En el blog de Scott tenéis más información sobre el funcionamiento del script.

Enlace: http://www.scottjehl.com/jsDropShadows/