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/
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
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
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
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
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
