Con Canvas 3D Graph podrás introducir en tus páginas, de forma sencilla, impresionantes gráficos en 3D gracias a Bajcic Dragan
Como no podía ser de otra forma, Internet Explorer no soporta la etiqueta <canvas> y, por ello, tendremos que utilizar también excanvas.js con lo que nuestros gráficos cargarán más lentos cuando se intenten visualizar con IE.
Canvas 3D Graph está bajo licencia BSD.
Canvas 3D Graph: http://dragan.yourtree.org/code/canvas-3d-graph/
Via Ribosomatic
Si andabas buscando un efecto que sorprendiese a tus visitantes, Scrollovers te va a encantar. Con un simple script javascript conseguirás que tus enlaces destaquen del resto.
Descarga o enlaza directamente el archivo javascript al servidor de Scrollovers, añade los estilos para tus links a tu hoja de estilo y emplea la clase y el tipo scrollovers en los enlaces a los que quieras aplicar el efecto.
<a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>
No os perdáis el efecto en la página del autor, el texto cambia de color con un fantástico efecto de scroll que podréis configurar a vuestro gusto.
Compatible con: Firefox 2.0, Internet Explorer 7, Internet Explorer 6, Internet Explorer 5.5, Safari 3 (Windows) y Opera 9
Scrollovers: http://www.scrollovers.com/
Sin duda, una de las utilidades más extendidas de Javascript es la de validar los campos de los formularios web. Más allá de todos los efectos visuales y demás. Hasta ahora, a pesar de usar una librería para acelerar nuestro trabajo, teníamos que crear nuestro código a parte para validar los formularios. De ahora en adelante, los usuarios de Mootools podrán validar de forma rápida y cómoda sus formularios con fValidator.
fValidator es un script creado por Fabio Zendhi Nagao con el que obtendrás una validación completa y totalmente no obtrusiva de tus formularios con Mootools. Son de destacar las características del script:
- Soporta varios formularios dentro de la misma página
- Formatos predefinidos: required, alpha, alphanum, integer, real, date, email, phone, url. (todos personalizables)
- Resaltado de campos en los eventos onValid y onInvalid
- Mensajes de error justo tras el onBlur
- No Obtrusivo y amigo del XHTML válido
- …
fValidator: http://zend.lojcomm.com.br/fValidator/
Sin duda, con la salida de Internet Explorer 7 muchos sentimos la necesidad de que todos nuestros usuarios actualicen para poder desplegar nuestro arsenal de estilos avanzados sin necesidad de comentarios condicionales, hacks y trucos varios.
Lamentablemente, la tasa de usuarios de Internet Explorer 6 e incluso inferiores se mantiene estable.
Dean Edwards, cansado de tener que ensuciar su código para hacerlo funcionar en navegadores que no soportan los estándares, creó hace ya un par de años una librería muy interesante en Javascript: IE7.
IE7 se encargará de servir a estos navegadores “no acordes a los estándares” una versión del estilo que puedan interpretar correctamente.
Gracias a IE7 podrás emplear selectores avanzados, PNG transparentes, posicionamiento fijo (sin parpadeos), arregla etiquetas rotas (como abbr) etc.
IE7: http://dean.edwards.name/IE7/
No hace mucho hablábamos de la conveniencia de unir nuestros archivos CSS y Javascript de forma que minimizasemos las peticiones al servidor y, a su vez, de comprimir el resultado.
jscsscomp es un script PHP basado en JSMin y algunas ideas de Patrick Hunlock, que se encargará de las labores de compresión y optimización de nuestros archivos de forma dinámica, guardando los resultados en caché.
Recuerda, todavía es un script en desarrollo y puede dar fallos, usadlo bajo vuestra responsabilidad.
Pagina del proyecto jscsscomp (en Google Code)
La gama de efectos que está dispuesta a sacar la gente con sólo Javascript es francamente impresionante.
Loupe.js es uno de esos experimentos impresionantes. Te permitirá agregar a tus páginas una lupa al mas puro estilo de aquellos comics de Asterix (al menos a mi me la recuerda).
Funciona sobre Canvas y, como era de esperar, no funciona en Internet Explorer. A pesar de que puedes descargar el script para su uso, yo no lo emplearía en ninguna página importante de momento.
Loupe.js: http://www.netzgesta.de/loupe/
Cada día creamos archivos más grandes para nuestros javascripts, más scripts, mas css… Todo parece crecer sin límites salvo el ancho de banda y la paciencia de nuestros usuarios.
Mojo Seifi nos deja una cómoda rutina de cuatro pasos que hará a nuestro código ser ligero y rápido como el viento:
- Valida tu código: Un código malo y lleno de errores terminará acarreandote problemas. Para validad tu javascript puedes utilizar herramientas como JSLInt
- Une tus archivos: Si tienes 3 archivos para tu Javascript y otros 3 para tus CSS el servidor debe responder a 6 peticiones. Unifica tus archivos en un solo Javascript y un solo CSS
- Encoje tu código: Utiliza herramientas como JsMin o CSS Optimiser para eliminar los espacios en blanco, comentarios y, en general, todo lo sobrante de tus archivos Javascript y CSS
- Comprime tu código: Si tu servidor lo permite, sirve tus archivos comprimidos como gzip
How To Boost your Javascript and CSS Performance
A través del blog de Andrés Nieto, que estoy segura que todos leeis ya, descubro Blobular un interesantísimo experimento con SVG y Javascript que nos demuestra, una vez más la flexibilidad y potencia de SVG.
Blobular no es más que una bola que podremos manipular, escindir, hacer más o menos viscosa, cambiar el color…
Yo, por lo menos, con cosas así no necesito pensar en Flash más de lo preciso ¿Creéis que será posible algún día sustituir el omnipresente Flash por Javascript y SVG (entre otros)?
Si alguna vez te ha picado la curiosidad por saber si los enlaces que recomiendas a tus visitantes son de su interés, si necesitas conocer un poco más las costumbres de tus usuarios o si, simplemente, quieres obtener más datos sobre tu sitio web, encontrarás bastante interesante un artículo publicado por Javascript Examples:
How to track out going links with javascript.
En él se nos explica paso a paso como crear un script con el que controlar nuestros enlaces salientes utilizando la librería Behavior
.
Lightbox, slimbox, ventanas modales… ¿No hay ya demasiadas? Pues parece que no, lighWindow va un paso más allá de todas ellas siendo la más versátil.
Con lightWindow no sólo podremos mostrar imágenes si no también videos, documentos en pdf, flash, paginas web… Cualquier cosa que se os ocurra tiene cabida en estas ventanas.
Requiere Prototype 1.5+ y Script.aculo.us 1.7+
lightWindow: http://stickmanlabs.com/lightwindow/
Via Ajaxian
