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:
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.
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/
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
Lo veo en Tech Crunch y sigo el eco en Genbeta y no puedo más que decir: “Dios mío, ¿que cerebro pensante ha dado con esta desgraciada idea?”
No me malinterpretéis, me parece una buena idea ofrecer algo de interactividad extra a nuestros usuarios, añadir marcas de agua u opciones a las imágenes no me parece necesariamente una mala idea pero, en ocasiones como esta, la mera ejecución de la idea es un enorme error.
Empecemos por el principio, BrittePic es el nuevo servicio de los chicos de AdBritte, mediante un script Javascript podremos incluir descripciones, logos, publicidad y un menú con opciones adicionales a nuestras imágenes. Para ello tendremos que registrar una cuenta que, adicionalmente, podemos asociar con nuestra cuenta de AdBritte para sacarle unos centimillos a nuestras imágenes.
¿Y qué le veo de malo? Pues bien, fundamentalmente tenemos que utilizar un script al que daremos la URL de nuestra imágen (alojala donde puedas) e insertar unas líneas de javascript en el lugar donde irian nuestras imágenes.
<script>
britepic_src="http://www.yoursite.com/yourpic.jpg";
britepic_id="your_unique_britepic_id";
</script>
<script src='http://www.britepic.com/britepic.js'>
</script>
Por tanto ningún navegador que tenga desactivado javascript podrá acceder a las imágenes, salvo claro que hayamos incluido la correspondiente etiqueta noscript con la imágen normal (cosa que dudo que haga demasiada gente).
¿No habría sido mucho mejor utilizar un script que funcionase, por ejemplo, en base a una clase dada a las imágenes?
¿No es mucho pasarse incluir anuncios en cada imágen de un sitio?
Si eres de los que no se conforman con mostrar a tus usuarios un gif animado mientras cargan tus imágenes quizá te interese probar una alternativa mucho más espectacular:
Onload image fades without Flash
Basado en un efecto de Flash y creado con Javascript y CSS, degrada sin problemas para usuarios tanto sin javascript como sin css.
Un toque original para esas páginas con muchas imágenes o imágenes de gran tamaño (vale, o ambas)
Desde que empezaron a asomar sus curvas esquinas a internet, los bordes redondeados se han convertido en una constante del diseño “a la 2.0″. Seguro que ya conocíais RUZEE.Borders, uno de tantos scripts javascript con los que conseguir el efecto.
RUZEE.shadedborder es el sustituto del anterior que soluciona unos cuantos problemas (lentitud, incompatibilidad con ciertos navegadores, dificultad…) y trae unas cuantas características más que interesantes:
Vía Ajaxian
A través de Ajaxian descubro un fantástico script Javascript con un poco de CSS, de Lalit Patel que nos permitirá detectar las tipografías instaladas en los equipos de los visitantes de nuestras páginas.
Este script funciona gracias al simple principio de que cada caracter aparece de forma diferente en cada tipografía. Por tanto, tipografías diferentes ocuparán diferente anchura y altura. Esto puede abrir amplias posibilidades a los desarrolladores de aplicaciones web y, en general, a los diseñadores.
Funciona en Firefox 2, Internet Explorer 6+ y Opera 9
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
Seguir @webmasterlibre
