Gracias a webkreation, podemos disponer de un magnífico panel deslizante realizado con jQuery, que nos permitirá “esconder” un panel con la funcionalidad que desees: un formulario de acceso a una zona privada, texto, imágenes, etc., mostrándose de una forma limpia y agradable al pulsar sobre el texto “Abrir panel”. Es totalmente configurable y muy sencillo de instalar, con la posibilidad de descargarlo desde su propia página como plugin para WordPress.
Para facilitar la entrada de texto, los scripts de autocompletado son una gran ayuda. Se suelen utilizar sobre todo a la hora de buscar palabras en un sitio web, se han convertido en uno de los mejores elemento de interacción con el usuario, y últimamente la mayoría de los sitios más famosos como google, youtube o msn ya lo tienen implementado.
La mayoría de los scripts que nos podemos encontrar por internet, están realizados con JavaScript o AJAX, y su implementación en la página no suele resultar muy complicada; por ello, es una opción interesante de incluir para ayudar a nuestros usuarios en sus búsquedas.
Tokenizing Autocomplete Text Entry
A fancy Apple.com-style search suggestion
Contactable es un formularios desarrollado en jQuery, y que nos permite añadir en cualquier de nuestras páginas un formulario de contacto de una forma sencilla, rápida y con un mínimo esfuerzo. Éste aparece “escondido” en un lateral de la página, y se despliega al pulsar sobre el botón “Feedback” para mostrarse por completo.
Contactable – Demo – Descarga
Interesante librería con tutorial completo y varios ejemplos en diversos posts que nos ayuda a trabajar con 3D en jQuery. Tan sólo es necesario crear una cámara, un objeto en 3D y un escenario y listo para actuar.
Vía SentidoWeb
El iPhone tiene una interfaz con algunas características únicas, que difícilmente se pueden ver en algún otro Sistema Operativo. Pero gracias a jQuery, podemos simular muchos de sus efectos en nuestras páginas web. Uno de ellos, es la posibilidad de dejar “fija” una cabecera, de tal forma que a medida que vamos deslizándonos a lo largo de una lista, aparezca estática la cabecera actual. Lo mejor para comprender el efecto, es ver la demo que tenemos disponible, y revisar el código de este efecto.
IxEdit es una aplicación javascript que te permite aplicar efectos AJAX, concretamente con la librería jQuery sin la necesidad de saber absolutamente nada de Javascript.
Una vez descargado enlazas los archivos necesarios desde la web que estés diseñando, la abres en un navegador y aplicas los efectos que necesites (tabs, añadir clases CSS, quitarlas, animar, insertar HTML, slide, fade, etc.)
Todos esos efectos se crearán “on the fly”; aquí puedes ver varias demos.
Vía Ceslava
Este es un interesante efecto que nos proporciona el blog sohtanaka, aunque para entenderlo mejor tenemos un tutorial en castellano, explicando el efecto, en CSSBlog. El efecto aplicado realiza la acción cuando nos posicionamos encima de una imagen, pasando ésta de color a escala de grises, con un efecto de transición y un borde más oscuro simulando una sombra. Podéis ver este efecto en la siguiente demo.
Es habitual en muchos blogs, encontrarnos con calendarios donde se nos muestra información por días; es útil el uso de un calendario para poder acceder a un día en concreto de forma fácil y rápida. Si sumamos a esto la potencia de un framework como jQuery o Mootols, nos podemos encontrar con calendarios con grandes efectos y funcionalidades. A continuación os podéis encontrar con varios ejemplos de calendarios realizados sobre jQuery y sobre Mootols.
Simple jQuery Date Picker | Demo
Vista-like Ajax Calendar | Demo
La calidad de las galerías de fotos realizadas en JavaScript, poco tiene que envidiar a las mejores galerías realizadas por ejemplo con Flash; se ha avanzado mucho en su funcionalidad, y se han mejorado los efectos que incluyen, sobre todo gracias al uso de poderosos frameworks, como son jQuery, Prototype o Mootool. En el enlace siguiente, podéis encontrar una relación de 30 galerías de fotos profesionales, que podéis añadir a vuestros sitios web con suma facilidad.
jQuery es uno de los framework de JavaScript más populares, con potentes herramientas que pueden mejorar significativamente la interacción del usuario con las aplicaciones Web. Para ayudar a mejorar tus habilidades con jQuery, en este artículo se presentan 50 nuevas técnicas y tutoriales de jQuery creadas recientemente y que podría hacer que el desarrollo de tu sitio web alcance un nuevo nivel de profesionalidad y nuevas sensaciones para el usuario.
Últimos comentarios