Webmaster Libre

Gabriel Lanzani me avisa al correo electrónico (gracias) de la liberación de la versión 0.2 de su script Script.aculo.us Select Box.

Con esta clase javascript podremos agregar selects agradables a la vista en nuestros sitios web.

Esta basada en Prototype y requiere Script.aculo.us.

Características:

• Reemplazar los viejos y feos select
• Efectos visuales
• Skinnable a travez de CSS
• Extensible

Script.aculo.us Select Box: http://www.glanzani.com.ar/select/index_es.htm

Si quieres darle un poco de vida a las textareas de tus formularios puedes probar las Textarea Tools.

Son 3 scripts que puedes utilizar solos o juntos que te permitirán:

• Incluir un botón para aumentar/disminuir el tamaño del area de texto y de la tipografía
• Contar el número de palabras insertadas
• Limitar el máximo de palabras que se pueden introducir

Textarea Tools:
http://livsey.org/experiments/textareatools/

No os perdáis la versión plugin para WordPress disponible en Anieto2K

Angus Turnbull ha creado un script llamado FreeStyle Menus que nos permitirá crear menús emergentes con html y javascript.

Entre sus ventajas destacan:

• Formateo con CSS puro, bien mediante listas anidadas bien mediante divs
• Elementos accesibles, tanto para los buscadores como para los lectores de pantalla
• Degrada a menues sólo CSS cuando no está activado el Javascript
• Dispone de un framework que te facilitará la implementación de animaciones
• Permite la navegación por teclado
• …

En cuanto a la licencia es «donationware» es decir, si puedes, haces una donación y eliminas el enlace visible que, de otra forma, deberás mostrar en tu sitio web.

FreeStyle Menus

Si pensábais que sólo jQuery tenía una guia de referencia completamente visual, os equivocabais. Esta guia de referencia de Script.aculo.us no llega al nivel de la otra pero igualmente puede resultaros muy útil.

script.aculo.us Quick Reference

Hace tiempo hablabamos de SortTable, un script que permitiría que nuestros usuarios ordenasen las columnas de nuestras tablas de mayor a menor tanto numérica como alfabéticamente.

Brian McAllister ha creado un script que va un paso más allá de Sorttable, Unobtrusive Table Sorting. Se trata de un javascript no obstrusivo que permitirá a nuestros usuarios ordenar las tablas basándose en numerosos criterios (demo) a la vez que nos permitirá conseguir el encantador «efecto de cebra» en las tablas y el resaltado de la columna que se está ordenando.

Para utilizarlo simplemente tendremos que incluirlo en la cabecera de nuestro documento

y asignar a las tablas y etiquetas TH los nombres de clase especificados en las instrucciones.

Descarga, instrucciones y ejemplos:
Unobtrusive Table Sorting (Revisited)

JaS es la abreviatura de Javascript Slides, una librería Javascript altamente personalizable que te permite convertir tus imágenes, de forma sencilla, en una colección que se puede ver como una presentación, incluso con efectos si se desea. Soporta la creación automática de miniaturas y las etiquetas.

Puedes personalizar el aspecto tanto como desees y, si te sientes generoso, enviárselo al autor para que lo publique en su sitio para que todos podamos descargarlo, como ejemplo el tema Pink

Puedes utilizar JaS en tus sitios personales o comerciales siempre que no cobres a tus visitantes por ver las imágenes y mantengas los créditos al comienzo del script. Para cualquier otro uso puedes contactar con el autor.

JaS - Javascript Slides: http://www.robertnyman.com/jas/

A través de despuesdegoogle conozco una nueva librería ultraligera de efectos javascript: Bytefx.

Bytefx:
http://webreflection.blogspot.com/2006/09/simple-effects-bytefx.html

Demo

Si hay algo que confunda a nuestros usuarios, al menos los menos «tecnológicos», es pulsar sobre un link y terminar en la misma página en la que estaban. Ya lo dijo Nielsen (traduccion de Torres Burriel), salvo en el caso de los «skiplinks» o de las anclas para dividir textos largos, no deberíamos ofrecer enlaces que apunten a la página actual.

Una forma muy sencilla de limpiar el sitio de esos enlaces «redundantes» es mediante Javascript, Jonathan Snook nos ofrece un sencillo script que examinará automáticamente los enlaces de un sitio y eliminará los que apunten a la página actual salvo los que contienen un ancla:

Clear links to current page with unobtrusive Javascript

Y si no os gusta utilizar Javascript, dos métodos más:

1. Mediante PHP (o ASP): http://www.maratz.com/blog/archives/2004/11/18/faux-active-link/
2. Simulándolo con CSS: http://www.themaninblue.com/writing/perspective/2004/11/19/

Cuando utilizamos muchos gráficos en nuestros sitios u ofrecemos imágenes en alta calidad puede resultarnos interesante precargar estas imágenes para que el sitio se muestre más rápido al usuario.

Un ejemplo de precarga simple con javascript podria ser el siguiente:

Introduce este código entre las etiquetas <head> de tu documento

En Sentido Web hacen una aproximación «sólo CSS» del tema de las precargas: Precarga de imágenes mediante CSS, no parece un método muy ortodoxo y si seguís el enlace al sitio en inglés veréis que en los comentarios se duda de la efectividad del mismo, no obstante ahí queda como referencia para los que no queréis emplear javascript en vuestros sitios.

TargetOrder es un ligero script que nos permite reordenar tablas de datos sin necesidad de hacer drag&drop. Es ideal para tablas con muchas filas de datos, simplemente pinchas sobre el elemento a reordenar y vuelves a pinchar sobre el lugar donde quieres colocarlo (ver demo)

Es totalmente no obstrusivo, no emplea nada de Javascript en línea y ha sido probado con casi todos los navegadores con excelentes resultados.

Está liberado bajo una licencia Creative Commons de Atribución 2.5

TargetOrder: http://www.dancinginquicksand.com/targetorder/