Xtreme News & Web Design

Browsing articles tagged with " Plugins"
Nov
17
2011

ToolTip con CSS3 y jQuery

Bubble Point Tooltips es un plugin que modifica el comportamiento por defecto de la etiqueta title de los enlaces que se muestra comúnmente cuando posicionamos el puntero del ratón sobre un enlace con un fondo amarillo, bastante feo. Para ejecutar este plugin solo necesitamos inicializarlo con una simple linea de código. Ejemplo de uso: $(“article a[title]“).tooltips(); Pueden ver una demostración online directamente desde la demo disponible. Web Bubble Point Tooltips with CSS3 & jQuery

Nov
14
2011

Paginar resultados con jQuery

jqPagination es un plugin desarrollado con jQuery que sirve para paginar resultados de forma sencilla. El plugin tiene un funcionamiento muy simple y permite crear resultados paginados mediante AJAX. Utilizar este  plugin es muy fácil, por un lado vamos a necesitar preparar nuestro documento HTML de la siguiente manera: <div> <a href=”#” data-action=”first”>&laquo;</a> <a href=”#” data-action=”previous”>&lsaquo;</a> <input type=”text” readonly=”readonly” data-max-page=”40″ /> <a href=”#” data-action=”next”>&rsaquo;</a> <a href=”#” data-action=”last”>&raquo;</a> </div> Finalmente vamos a inicializar el plugin: $(‘.pagination’).jqPagination({ paged: […]

Nov
2
2011

Darle formato a fechas en jQuery

Sensible DateTime es un pequeño plugin desarrollado para funcionar con el framework jQuery, que permite la edición y manipulación rápida de datos del tipo fechas. Ejemplo de uso: <p>Nací el <abbr title=”1985-06-15T00:00:00″>Jun 5th, 1985 </abbr></p> jQuery: $(function() { $(‘.dtime’).sensible(); }); Resultado: Nací el June 5, 1985 at 12:00am

Oct
27
2011

Filtrar, ordenar y buscar en listas con Javascript

List.js es una solución que funciona perfectamente en los navegadores más modernos, con un peso de apenas 7 KB. El Javascript no solo permite realizar operaciones básicas referentes al filtrado de la información sino que también contempla la posibilidad de agregar, remover y actualizar elementos directamente desde la lista y sin complicaciones. html: <div id=”hacker-list”> <ul> <li> <h3>Jonny</h3> <p>Stockholm</p> </li> <li> <h3>Jonas</h3> <p>Berlin</p> </li> </ul> </div> Javascript: var options = { valueNames: [ 'name', 'city' ] […]

Oct
13
2011

Ventanas modales con Mootools

Mootools es un framework con muchisimas cosas buenas, inclusive algunas de ellas mejor que jQuery, pero lamentablemente la comunidad de este decrece a medida que transcurre el tiempo, por suerte para muchos, aún existen muchas personas interesadas en mejorar este proyecto, trabajando continuamente en crear nuevos plugins utiles. Un buen plugin para mootools es Simple Modal, que como su nombre indica, sirve para crear ventanas modales fácilmente, de forma ordenada y con apenas unas líneas de código. El plugin fue […]

Oct
12
2011

Organización dinámica de elementos con jQuery

Masonry es un plugin gratuito desarrollado con jQuery que nos ayuda en la difícil tarea de organizar elementos de distintos anchos y altos en una grilla. De la forma más eficiente y aprovechando al máximo el tamaño disponible. Un escenario bastante común con el que podemos encontrarnos es el de tener que organizar una serie de cajas de dimensiones idénticas a lo largo de toda una grilla, esto no representa ningún problema, ahora bien, ¿que pasa cuando […]

Oct
7
2011

Menú de navegación con efecto slide jQuery

Ferro Slider es un plugin jQuery gratuito, que nos permite incorporar la funcionalidad de navegación por sliders, de forma muy sencilla, logrando un efecto de transición entre las distintas opciones disponibles. Este plugin a su vez agrega funcionalidades de detección de teclas, permitiendo la navegación entre secciones simplemente usando las flechas del teclado. Además de obviamente la típica navegación por el menú de opciones, o bien, generando un pequeño mapa del sitio por medio de […]

Pages:«1234567»

Social Stats