El hombre nunca sabe de lo que es capaz hasta que lo intenta. Charles Dickens

Magnific Popup: un lightbox responsive

Magnific Popup es un plugin de jQuery para generar lightboxes responsive.

La mayoría de plugins que generan lightboxes requieren definir el tamaño de los mismos como una opción del Javascript. Sin embargo, Magnific Popup no. Puedes utilizar unidades relativas como em o cambiar el tamaño con ayuda de media queries CSS. Esto hace que se pueda actualizar el contenido dentro del lightbox sin tener que preocuparse de como se redimensionará o centrará en la página.

Magnific Popup » »

jQuery SimpleFAQ

jQuery SimpleFAQ es un plugin de jQuery para crear una estructura de preguntas frecuentes o FAQs en la que haciendo click sobre la pregunta se despliega la respuesta. Es muy sencillo de utilizar y además, para el que lo desee, posee bastantes opciones para su personalización.

jQuery SimpleFAQ

La implementación más sencilla es la utilización de una lista en la que definimos la pregunta con la clase "question" y la respuesta con la clase "answer".

<ul id="faqs">
  <li>
    <p class="question">Esto es la pregunta</p>
    <div class="answer">Esto es la respuesta a la pregunta</div>
  </li>
  ...
</ul>

y la siguiente línea javascript:

$('#faqs').simpleFAQ();

jQuery SimpleFAQ » »

Toolbar.js: plugin jQuery para crear tooltips con aspecto de barra de herramientas

Toolbar.js te permite crear rápidamente tooltips con un aspecto similar a una barra de herramientas, en la que disponer diversos iconos. Un interesante plugin que podemos utilizar tanto en el desarrollo de sitios como de aplicaciones web.

Toolbar.Js: plugin jQuery para crear tooltips con aspecto de barra de herramientas

Características:

  • Sencilla implementación con múltiples opciones.
  • Puede ejecutar tantas barras de herramientas como sean necesarias.
  • Las barras de herramientas pueden asociarse a cualquier elemento.
  • Los iconos de la barra se personalizan fácilmente a través twitter bootstrap.
  • Las barras de herramientas son responsive y siguen al elemento al redimensionarse.

Por ejemplo, para mostrar una barra de herramientas horizontal tendríamos que añadir un código similar al siguiente:

Javascript:

$('#user-toolbar').toolbar({
	content: '#user-toolbar-options', 
	position: 'top'
});

HTML:

<div id="user-toolbar-options">
	<a href="#"><i class="icon-user"></i></a>
	<a href="#"><i class="icon-star"></i></a>
	<a href="#"><i class="icon-edit"></i></a>
	<a href="#"><i class="icon-delete"></i></a>
	<a href="#"><i class="icon-ban"></i></a>
</div>

Toolbar.js » »

jq-tiles: slideshow con efectos css3

jq-tiles es un plugin de jQuery para realizar slideshows con múltiples efectos a partir de cuadros o bloques gracias a CSS3. El plugin dispone de bastantes opciones para su personalización: número de bloques por eje, efecto a mostrar, velocidad, etc.

jq tiles

jq-tiles » »

Infografía: Los plugins más populares de WordPress

Uno de los aspectos por los que WordPress se ha convertido en la mejor plataforma para la creación de blogs y sitios web es su extensibilidad. Hay muchas maneras de mejorar y personalizar la instalación inicial WordPress. Quizá la mejor y más sencilla es la utilización de plugins.

El núcleo de WordPress está diseñado para que no sea muy pesado; maximizar la flexibilidad y minimizar el consumo de recursos. Un plugin ofrece características y funciones personalizadas para que cada usuario pueda adecuar su WordPress a sus necesidades específicas.

Most Popular Plugins WordPress

Esta infografía muestra los 30 plugins de WordPress más populares. Cada plugin es seguido por una breve descripción junto con las estadísticas que miden su popularidad.

Most Popular WordPress Plugins [Infographic] » »