Hoy me gustaría hacer un pequeño artículo acerca de jQuery ui (jQuery User Interface), un conjunto de utilidades para la librería jQuery imagino que conocida por todos como la rápida y concisa que simplifica las funciones javascript y Ajax en un documento mediante un seguido de funciones, animaciones y gestión de eventos. Dispone también de un selector de tema al descargar para adaptar los colores de los widgets a tu website.
Podeís encontrar esta librería aquí.
Algunas demos de los widgets de que dispone aquí
Si quieres ver algunos ejemplos de funcionamiento así como algunos de los widgets de que dispone click en Leer Más.
Usando la librería jQuery podremos utilizar cualquiera de los siguientes widgets si tenemos la necesidad de implementar algo de AJAX y interacción más dinámica en nuestra página o aplicación web, a continuación voy a listar algunos de los widgets que he utilizado y me han sorprendido por su facilidad de implementación y funcionalidad:
Es el típico calendario con funciones de tooltip para popular inputs en los formularios:
Este calendario con toda su funcionalidad es tan sencillo de implementar como esto:
<meta charset="UTF-8" /> <script type="text/javascript"> $(function() { $("#datepicker").datepicker(); }); </script> <div class="demo"> <p>Date: <input type="text" id="datepicker"></p> </div><!-- End demo --> <div class="demo-description"> <p>The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.</p> </div><!-- End demo-description -->
Sencillo verdad?
Pues bien como este muchos más widgets, como Dialogs, Tabs, Buttons, Accordion, etc…
Yo he utilizado estás librerías en varios proyectos y he quedado encantado. Aquí os dejo los enlaces:
Web: jQuery WebSite
Web: jQuery UI Website
Posts relacionados:
