BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Recopilatorio: 10 plugins jQuery que debes tener en cuenta

Recopilatorio: 10 plugins jQuery que debes tener en cuenta

04/JUL/2017 1.503 visitas Ver comentarios

Vamos a reconocerlo, nos gustan los recopilatorios... Somos fans de esos post que nos ofrecen una lista de recursos lista para usar, elegir el que mejor le cae a nuestro proyecto y utilizarlo.

Por eso, hoy les dejamos una selección de plugins que utilizan jQuery (o javascript) y que unido a frameworks tales como Bootstrap (en algunos casos) nos facilitarán la tarea. Vamos a ello.

LEER ENTRADA

Desenfocar imágenes con jQuery Background Blur plugin

Desenfocar imágenes con jQuery Background Blur plugin

04/ENE/2017 2.527 visitas Ver comentarios

Desenfocar imágenes (sobre todo las usadas como fondo) suele quedar muy bien... El problema de este efecto es que, si no queremos usar los filtros de CSS por problemas de compatibilidad con los navegadores, tenemos que depender de hacer la imagen desenfocada (con blur) y la normal y esto nos cuesta demasiado trabajo.

Pues bien, Background Blur viene a darnos una solución muy elegante y muy liviana (de tan solo 4 kb) que se encargará mediante el soporte SVG de nuestros browsers de aplicar el blur a las imágenes de una manera muy elegante y fácil (tan solo una línea de código bastaría). Efecto al cual puede aplicarse una animación si queremos realizar transiciones entre imágenes.

LEER ENTRADA

Selección de 5 plugins jQuery para tus webs

Selección de 5 plugins jQuery para tus webs

06/JUN/2016 2.322 visitas Ver comentarios

Nos gustan las listas, siempre aparecen posts en muchos blogs con los mejores 20 de esto o los mejores 50 de aquello... Pues bien, aquí van 5 plugins jQuery que vale la pena mirar.

Nos encontramos de todo, desde sistema de pestañas, sistemas de menús, tooltips, plugins para mejorar la legibilidad de los textos, etc... Vamos a ello :)

LEER ENTRADA

6 plugins jQuery que recomendaría

6 plugins jQuery que recomendaría

21/FEB/2013 7.645 visitas Ver comentarios

A veces me gusta darme una vuelta por la sección de plugins de jQuery.com y ver qué hay de nuevo. Muchas veces encuentro plugins que valdría la pena compartir pero que no tienen descripción ni información como para escribir un post entero y, para no terminar en post de 2 parrafitos, esta vez recopilo 6 miniposts en uno.

La minicolección de 6 plugins que dejo a continuación están bien, unos mejor que otros, unos mucho más funcionales que otros pero el que se lleva el premio es el de la marquesina, que, seguramente, alguna web todavía tendrá de estos odiosos textos caminando :)

LEER ENTRADA

Tooltips sencillos con jQuery y CSS

Tooltips sencillos con jQuery y CSS

11/JUL/2012 8.743 visitas Ver comentarios

Otro nuevo plugin, Gips, para mostrar tooltips en nuestros elementos de la web con pocas líneas de código y 100% personalizables. Como siempre, necesitaremos jQuery, un poco de CSS y nuestra imaginación para combinar los estilos y efectos de nuestros globitos de ayuda.

El plugin nos permite configurar el estilo, tiempo que está visible, si se oculta automáticamente o no, la posición, el botón de cierre y todas las opciones que nos hacen falta.

LEER ENTRADA

jQuery Smooth Scrolling plugin

jQuery Smooth Scrolling plugin

24/FEB/2012 6.059 visitas Ver comentarios

Smooth Scrolling es un plugin desarrollado en jQuery que sirve para crear un sistema de navegación on-page, es decir, las típicas páginas web de 1 sólo html.

Hablando más claro, si tienes una web con poco contenido y quieres desarrollarla solo en un html pero con el contenido bien organizado, este plugin te viene pintado.

LEER ENTRADA

jQuery Organisation Chart, crea organigramas en html con jQuery

jQuery Organisation Chart, crea organigramas en html con jQuery

02/FEB/2012 25.500 visitas Ver comentarios

Este plugin lo encuentro muy interesante, se trata, básicamente de crear diagramas organizativos sin necesidad de utilizar imágenes... los organigramas de toda la vida, esos que utilizan todas (o casi todas) las empresas.

Básicamente consiste es una lista desordenada del tipo UL muy trabajada, con sublistas para las diferentes cabeceras y, a su vez, más sublistas para los cargos inferiores...

LEER ENTRADA

Columnizer jQuery Plugin

Columnizer jQuery Plugin

24/AGO/2011 5.091 visitas Ver comentarios

Su título lo dice todo. Maqueta tu contenido en columnas con este más que interesante plugin para jQuery. Puedes indicar el ancho y cantidad de las columnas a mostrar y, lo mejor de todo, personalizarlas mediante css utilizando unos selectores personalizados para cada columna.

Creo que no hace falta decir nada más. Mírate la demo que publica su autor en su web, junto a muchos otros ejemplos...

LEER ENTRADA

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

jQuery-Plugin: PageScroll (alternativa a ScrollTo)

23/AGO/2011 8.035 visitas Ver comentarios

Este plugin es una alternativa al ya conocido ScrollTo, que lo que hace es que al presionar sobre una de las opciones de un menú con enlaces internos, éste desplace la página (o haga scroll) hasta el div correspondiente con una animación.

Además, tiene como ventaja, un peso muy reducido y varias opciones personalizables. Aun no lo he probado, pero desde ya no me gusta que muestre un mensaje que pone "Scrolling" a la derecha de la pantalla, pero imagino que se podrá configurar.

LEER ENTRADA

jQuery Expander plugin

jQuery Expander plugin

11/JUL/2011 6.803 visitas Ver comentarios

Este plugin de jquery se encarga de cortar largas cadenas de texto para mostrar un ver más o ver menos al final del texto. Cortará el párrafo según la cantidad de palabras que especifiquemos y agregará automáticamente un botón para expandir el contenido. Una vez expandido, cambiará ese botón por otro para volver a contraer el texto a su formato original.

Realmente no tiene mucha explicación y no es difícil de aplicar. Es lo que estoy usando aquí abajo, en las palabras claves de este artículo, donde se irán agregando todos aquellos criterios de búsqueda por los que la gente encuentra este artículo. Una vez que pase la cantidad de palabras especificadas, el plugin, lo cortará y mostrará un ver más al final para expandir ese div y ver todas las palabras claves.

LEER ENTRADA

jQuery lightbox plugin. Un lightbox en jQuery

jQuery lightbox plugin. Un lightbox en jQuery

01/JUL/2011 6.143 visitas Ver comentarios

Hace mucho que existe esta versión del famoso lightbox pero en versión jQuery. Este plugin es muy limitado hoy día ya que solo vale para imágenes, pero si lo que quieres es ampliar tus fotos con un código muy pero muy liviano, debes darle una oportunidad.

No tiene mucho que hacer contra otros como Colorbox o PrettyPhoto o FancyBox, pero si tu objetivo son solo ampliar las imágenes, te vale de sobra.

LEER ENTRADA

18 plugins jquery que no pueden faltar en tu web parte 2

18 plugins jquery que no pueden faltar en tu web parte 2

27/ABR/2011 48.544 visitas Ver comentarios

Anteriormente, había publicado un post con una recopilación de 20 plugins que no pueden faltar en tu web. Hoy, actualizo un poco ese listado, agregando otros 18 plugins que (quitando 1) me gustan mucho.

Como es habitual en estas recopilaciones, no voy a pararme a hablar en detalle de cada uno, sino que pondré una lista como hice en el post anterior y si, mi breve (muy breve) descripción de lo que hace el plugin te interesa, ya te miras la web del autor.

LEER ENTRADA

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

Tiny Scrollbar... la alternativa a jScrollPane para jQuery

10/MAR/2011 20.532 visitas Ver comentarios

Si lo que quieres es personalizar las barras de scroll de tu navegador o usar capas o elementos con scrollbars y que no sean las simples barras que incluyen los navegadores, Tiny Scrollbar es tu opción. Permite personalizar las barras de desplazamiento de los elementos de tu web con un script de tan solo 2.29 kb.

Tiny Scrollbar puede utilizarse para aplicar barras de desplazamiento a tu contenido. Fue construido usando la biblioteca jQuery. Es una herramienta dinámica, ligera que da a los diseñadores web una forma eficaz de mejorar una interfaz de usuario web.

LEER ENTRADA

Plugin jQuery para mostrar mensajes: Easy Notification

Plugin jQuery para mostrar mensajes: Easy Notification

27/ENE/2011 7.194 visitas Ver comentarios

Hay casos en que se quiere entregar un mensaje a los usuarios de tu sitio web y asegurarse de que lo van a leer o al menos lo notan. Este plugin de jQuery hará esa tarea fácil.

¿Cómo funciona?
Este plugin crea e inserta un simple trozo de código HTML que contiene un mensaje que deseas enviar a tus visitas. Los usuarios tienen la opción de cerrar la notificación una vez que lo lean. Se puede controlar el contenido y el aspecto de la notificación mediante el ajuste de las opciones del plugin y CSS.

Características
* Insertar la notificación en cualquier lugar en el DOM
* Uso de eventos (click, carga de la página), etc...
* Notificaciones basadas en cookies permiten mostrar el mensaje una vez para no molestar con la repetición de mensajes.
* Muy personalizable.

LEER ENTRADA

20 plugins para jQuery que no pueden faltar en tus webs

20 plugins para jQuery que no pueden faltar en tus webs

27/ABR/2010 167.518 visitas Ver comentarios

Estos 20 plugins para jQuery recopilados por Addy Osmani, seguramente, te vendrán bien para utilizar en cualquier proyecto y, hoy día, es casi imposible encontrar una web desarrollada en xhtml que no haga uso de jQuery o un framework similar. En este caso, los 20 plugins son para jQuery.

jQuery Plugin – Feature List
Sirve para crear una lista de items destacados en tu web.

LEER ENTRADA

Miniaturas con títulos transparentes en jQuery

Miniaturas con títulos transparentes en jQuery

08/ENE/2010 4.792 visitas Ver comentarios

Este plugin está muy visto ya, pero no por eso deja de sernos muy útil a la hora de presentar miniaturas con algún título o descripción. Evidentemente, por el tamaño de la miniatura, no puede ser mucho el texto que le agregues, pero para un título o una muy breve descripción, llega de sobra.

Es muy fácil de aplicar, como casi todo lo que se hace utilizando jQuery, se personaliza mediante tu hoja CSS y unos pocos parámetros podremos lograr unos efectos muy buenos.

LEER ENTRADA