Plugin

// Artículos archivados

Barra de progreso circular en Javascript con jQuery Knob

Captura-de-pantalla-2012-05-08-a-las-17.35.10

Knob demo es un plugin desarrollado en jQuery que muestra una barra de progreso circular que seguramente ya habrás visto en aplicaciones móviles antes. Se usa como control de volumen o como indicadores de descarga y de aplicaciones. El plugin funciona mediante la transformación de los campos de entrada dados según valores definidos en sus atributos, además se puede añadir un valor para cambiar el valor directamente … Los valores se pueden definir estableciendo un mínimo y un máximo entre los que se moverá el circulo con la animación. También se podrán modificar otros datos como el color inicial de carga por defecto y también se puede usar en modo de sólo lectura para visualizar un estado, una descarga por...

Leer más

Crear sombras dinámicas con jQuery y el uso del ratón [Real Shadow]

Captura-de-pantalla-2012-04-30-a-las-19.40.51

jQuery permite añadir efectos a los objetos clásicos en HTML como es el caso de Real Shadow, un fantástico plugin en jQuery que añade sombras realistas y que reaccionan al movimiento del ratón. Este plugin funciona por la orientación de cualquier número de elementos para manipular el valor de la sombra de cada elemento con CSS. El resultado es realmente bueno.

Leer más

Consigue un efecto Blur en cualquier elemento web con blur.js

Captura-de-pantalla-2012-03-23-a-las-14.05.12

Seguramente conoces el efecto blur en el que una imagen o elemento consigue difuminarse, ahora puedes aplicarlo a cualquier elemento en una página web gracias a blur.js, una librería javascript que te permite aplicarlo de forma cómoda. Este plugin jQuery produce elementos pseudo-transparentes borrosos sobre otros elementos.

Leer más

Upload de archivos con jQuery dinámico y flexible

Captura-de-pantalla-2012-03-20-a-las-12.52.08

Seguramente habrás hecho uso muchas veces de código PHP para construir un upload de archivos al servidor, ahora te propongo una nueva forma de hacerlo en jQuery con este fantástico plugin. jQuery File Upload es un impresionante plugin que permite hacer fácil la carga de archivos …

Leer más

Efectos de imagen Hover en jQuery con Adipoli

Captura-de-pantalla-2012-03-08-a-las-11.36.54

Seguramente ya has trabajado con la propiedad Hover en CSS3 permitiendo añadir efectos en función de otras propiedades, ahora por qué no hacerlo en jQuery, mucho más dinámico y flexible para tu página. Adipoli te ofrece multitud de opciones parra configurar un buen efecto Hover para tus imágenes …

Leer más

Crea un scroll en jQuery de contenido en tu página con PageScroller

scroll-jquery-pagescroll

Una forma de destacar un contenido en todo el layout de una página es mediante scroll en jQuery, seguramente habrás visto ya bastantes ejemplos, como la nueva interfaz de facebook que añade este tipo de contenido dinámico. Ahora es posible hacerlo en cualquier página con plugins como el que te mostramos hoy. PageScroller permite hacer scroll de tu página mostrando navegación a cualquier parte de tu sitio añadiendo elementos desde diferentes posiciones en pantalla, arriba, lado derecho, izquierdo y otras zonas.

Leer más

Slider de imágenes mediante Plugin jQuery con efectos modernos

Captura-de-pantalla-2012-02-20-a-las-20.03.31

Ya hemos hablado en otras ocasiones de sliders de imágenes para la creación de una página de productos o servicios. Suelen tener un gran impacto visual para el visitante o posible cliente, además de ofrecer contenido dinámico en un sitio web. Sequence.js es un plugin jQuery que te permite añadir un slider para imágenes de gran formato con diferentes estilos o temas modernos …

Leer más

qTip2: Muestra tooltips jQuery en tu página web

Captura-de-pantalla-2012-02-10-a-las-11.29.41

Los tooltips son un recurso muy conveniente para mostrar información sobre una imagen, texto o enlace sin distraer la atención al contenido principal. Es un recurso que permite mostrar información adicional al colocar el ratón sobre una zona determinada. qTip2 es un plugin jQuery con el que puedes añadir tooltips dinámicos, se trata de la 2ª versión de este plugin y está repleto de nuevas características y funciones.

Leer más

bgStretcher 2, Slider de fondos de pantalla de gran formato

Captura-de-pantalla-2012-02-09-a-las-09.30.01

Un recurso muy utilizado, los sliders de imágenes permiten mostrar fotografías o multimedia de forma dinámica en cualquier sitio web, ya hemos publicado sobre otros sliders que te serán de utilidad. El plugin del que te hablamos hoy, bgStretcher 2 te permitirá mostrar imágenes de forma dinámica sobre fondos de gran formato. Es una forma muy elegante de mostrar imágenes en la web aunque consume bastantes recursos usarlo.

Leer más

jOrgChart: Plugin para crear organigramas dinámicos en jQuery

687474703a2f2f692e696d6775722e636f6d2f324f7079472e706e67

jQuery Org Chart es un plugin que permite hacer estructuras con elementos anidados como organigramas, diagramas de flujo …. para construir el árbol todo lo que necesitas es hacer una sólo llamada a la extensión y suministrar un ID de elemento HTML sobre una lista desordenada y representativa de los datos que se desean mostrar. Cuenta con interfaz drag&drop sobre los elementos del diagrama una vez se muestre el diagrama.

Leer más

Reproductor de video HTML5 accesible y personalizable [Acorn Media Player]

video-reproductor-html5

Si tienes la necesidad de mostrar contenido multimedia como videos en tu sitio web Acorn Media Player, un reproductor para mostrar video en HTML5 bastante personalizable. Se trata de un plugin en jQuery que te permitirá integrar este reproductor multimedia fácilmente y además cuenta con un buen soporte de accesibilidad.

Leer más

jqPagination, sencillo plugin jQuery para paginación de tu sitio o aplicación web

paginacion jquery

La paginación es una característica muy usada en blogs de contenido y otros sitios que presenten información cronológica. En el caso de WordPress cuentas con plugins para hacer automáticamente, si te encuentras desarrollando un sitio desde cero, jqPagination puede ser de gran utilidad, esta escrito en jQuery y es fácil de implementar además de ofrecer un buen aspecto.

Leer más

Olvídate de los prefijos CSS para distintos navegadores con PrefixFree

Prefijos CSS

A menudo debes escribir varias veces el mismo código css para contemplar diferentes navegadores y su comportamiento, si estás cansado de tener que re-escribir código, PrefixFree soluciona esta tarea escribiendo una misma regla para todos.

Leer más

Peerbind, API Javascript para sitios web P2P

API JS P2P

Peerbind es una nueva API escrita en Javascript para la implementación de sitios web basados en comunicaciones P2P de forma instantánea. Desarrollador por A9 Amazon.

Leer más

Ventanas modales MooTools para tu sitio con Simple Modal

Ventanas modales con MooTools

Simple Modal es un plugin en MooTools con el que podrás crear ventana modales en tu sitio web. lo puedes utilizar para generar alertas o confirmar los mensajes de tus lectores con pocas líneas de código.

Leer más

FitText: Fuente flexible en jQuery para distintos dispositivos

fittext_screens

Actualmente hay cantidad de dispositivos con su propia resolución y tamaño de layout, para asegurarte que el texto se muestra legible en cualquier dispositivo cuenta con plugins como FitText.

Leer más