Mootools, moderniza tu web.
Si como yo volvéis ahora de vacaciones (mis condolencias….), y habéis conseguido recargar pilas, os recomiendo esta increíble librería que hará vuestros sitios más vistosos y usables.
Mootools es una librería de javascript que nos permite construir aplicaciones web modernas y compatibles con cualquier navegador. Mootools es un código abierto, lleno de posibilidades y fácilmente adaptable a tu web.
¿Cómo hacer zoom sobre una imágen con jQuery?
Cuanto más investigo más consigue sorprenderme. Ahora estoy con un proyecto en el que necesito hacer una lupa o zoom sobre las imágenes. Lo primero que se me pasó por la cabeza fue buscar una solución en flash, pero dadas mis limitaciones, eso me haría crear un flash para cada zoom. Hasta que finalmente encontré esta joya, ¿cómo hacer zoom con jQuery?.
El resultado como podréis comprobar, es alucinante !!!!. Al colocarnos sobre las imágenes se abre una capa flotante que nos va mostrando la selección que estamos marcando.
El plugin se llama jQzoom y tanto la descarga como los ejemplos los podéis conseguir en Mind Projects.
Con jQuery podemos usa cualquier tipografía en nuestra web.
Una de las grandes limitaciones del diseño web, es el escaso abanico de fuentes que podemos usar para diseñar una web. Como es sabido, para que un usuario pueda ver una web con una determinada tipografía, debe de tenerla incorporada en su máquina.
Hace tiempo que surgió el sFIR, acrónimo de Scalable Inman Flash Replacement, mediante esta técnica, podemos reemplazar textos por flash. Seguramente por la complejidad de configuración no se ha hecho todo lo popular que debería, pero ahora, con la biblioteca jQuery, parece ser que hemos dado un gran paso adelante, gracias a la inmensa librería de plugins, el convertir un texto en swf es ahora mucho más fácil y rápido.
Gracias a jQuery, no necesitamos especificar color y demás atributos de la fuente. Además ahora ya no es necesario subir el archivo a producción o tener un servidor local para ver el resultado. Todo esto unido a que es más rápido e intuitivo, hace más atractiva la opción de comenzar a introducir nuevas fuentes en nuestros diseños.
Kemie Guaida nos ofrece un tutorial perféctamente ilustrado y todos los enlaces necesarios para poder usar esta técnica.
Hasta ahora las animaciones en web eran exclusivas del flash, pero con la entrada del Ajax y de bibliotecas como jQuery, ahora podemos ver animaciones que nos hacen dudar sobre cual de las dos tecnologías ha sido la elegida para realizar la animación.
Esto fue lo que me ocurrió al ver esta web, jwhanif.net La carga es muy rápida y las animaciones tienen una fluidez increíble, como no podía ser de otra manera, mi primera reacción fue pulsar el botón derecho del ratón para comprobar que se trataba de flash… pero no!!
jQuery es una biblioteca javscript que permite manejar eventos, desarrollar animaciones y agregar interacción con tecnología Ajax a nuestras páginas.
Una de sus principales características es su simplicidad. Podemos añadir impresionantes efectos con sólo unas pocas líneas de código, lo cual repercute positivamente en el peso de nuestras páginas.
Muchos amigos y cllientes me ha preguntado ¿Qué es Ajax?, eso de lo que tanto se habla en internet que dicen que va más rápido,…. Así que hace tiempo que tenía dedicar un post a esta «unión de tecnologías», ahí va…
¿QUÉ ES AJAX?
Según Wikipedia, Ajax es una técnica de desarrollo web para crear aplicaciones interactivas. Estas aplicaciones tienen la particularidad de que se ejecutan en el cliente (en el navegador del usuario en lugar de hacerse en el servidor), esto permite que el usuario pueda hacer cambios en la página sin necesidad de que esta sea de nuevo recargada, lo cual implicaría de nuevo una consulta al servidor y que el servidor la vuelva a enviar al navegador, total, más tiempo y el consiguiente problema de usabilidad. Con esta «unión de tecnologías» lo que conseguimos es mayor velocidad, interactividad y usabilidad.
