destacados

Gabriel Da Silva

Portafolio del ilustrador y director de arte brasileño, aunque afincado en Madrid, Gabriel Da Silva.

B&W Helmut Newton

Selección de fotografías en blanco y negro de uno de los fotógrafos más conocidos de las últimas décadas, Helmut Newton.

Judith Erwes

Fotógrafa afincada en Londres con un estilo que combina la moda, el humor y la estética retro.

Jody Rogac

Nacida en Inglaterra y criada en Canadá, Jody Rogac en la actualidad vive y trabaja en Brooklyn. Sus trabajo ha obtenido diversos galardones.

Publicaciones

CraftySlide

, 30/01/2012 19:56:07

CraftySlide es un plugin para jquery que nos permite crear un slideshow de un modo muy sencillo. Basta con un HTML similar al siguiente:

<div id="slideshow">
         <ul>
            <li>
              <img src="images/image1.jpg" title="Lorem ipsum dolor sit amet" />
            </li>
            
            <li>
              <img src="images/image2.jpg" title="Lorem ipsum dolor sit amet" />
            </li>
            
            <li>           
              <img src="images/image3.jpg" title="Lorem ipsum dolor sit amet" />
            </li>	                         
          </ul>
</div>

Incluir los ficheros javascript y CSS incluidos en el paquete del plugin, junto con jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<script src="js/craftyslide.js"></script>
<link rel="stylesheet" href="css/craftyslide.css" />

e inicializar el carrusel de imágenes:

$(document).ready(function() {
	$("#slideshow").craftyslide();
});

Ver ejemplo en funcionamiento » »
Craftyslide » »

Arctext.js: Plugin para curvar texto con CSS3 y jQuery

, , 30/01/2012 14:13:15

CSS3 nos permite rotar letras, pero es bastante complicado organizar cada letra a lo largo de un trazado curvo. Arctext.js es un plugin de jQuery que nos permite hacer exactamente eso de un modo sencillo. Basado en Lettering.js, calcula la rotación correcta de cada letra y distribuye los caracteresm de un modo equidistante en el arco.

Curvar Texto CSS3 JQuery

Arctext.js » »

ResponsiveSlides.js

, 13/01/2012 18:27:13

ResponsiveSlides.js es un pequeño plugin de jQuery que crea un slideshow "responsive" dentro de un solo contenedor. Funciona con una amplia gama de navegadores incluyendo todas las versiones de IE desde IE6 en adelante. También agrega soporte CSS para max-width en los navegadores IE6 y otros que no lo soporten de forma nativa. La única dependencia es jQuery y que todas las imágenes sean del mismo tamaño.

La mayor diferencia con respecto a otros plugins "responsive" es el tamaño (~ 1kb miniaturizado y comprimido).

ResponsiveSlides.js » »

Slideshowify

, 26/11/2011 00:00:00

Slideshowify es un plugin para jQuery, muy interesante, que nos sirve para crear el denominado "efecto Ken Burns" sobre las imágenes que coinciden con un selector. Para ver el efecto lo mejor es acceder a la demo.

Demo » »
Slideshowify » »

jQuery Roundrr: plugin para crear galerías de imágenes circulares

, 15/10/2010 08:27:56

Gran parte de las galerías de imágenes desarrolladas con jQuery poseen una estructura similar: un contenedor en el que se presentan las imágenes y la posibilidad de avanzar y retroceder, bien a través de controles de desplazamiento -botones-, bien seleccionando otra imagen de las que aparecen un carrusel de miniaturas dispuesto debajo del contenedor principal. jQuery Roundrr es un plugin que rompe totalmente esta disposición y muestra las imágenes alrededor de un circulo. Una alternativa muy interesante, próxima a algunas galerías realizadas con Flash, y cuyo resultado como se puede apreciar en las siguientes imágenes es muy atractivo.

jquery roundr

jquery roundr

jQuery Roundrr » »

dualSlider

, 29/08/2010 09:30:22

dualSlider es un plugin de jQuery que puede mostrar cualquier salida HTML en forma deslizante. Tiene una singularidad muy interesante respecto a otros sliders, la interfaz es de doble cara y ambas se deslizan de forma secuencial y al mismo tiempo. Esto permite mostrar, por ejemplo, una imagen en un lado y en la otra presentar información adicional al respecto. Por lo demás se asemeja bastante a otros plugins del estilo.

dualSlider » »
Visto en WebResourcesDepot » »

Anthologize: Transforma tu blog de WordPress en un e-book

, 11/08/2010 17:12:52

Anthologize es un plugin gratuito y open-source para WordPress 3.0 que transforma este CMS en una plataforma para la publicación de libros electrónicos. Permite publicar los posts de tu blog de WordPress, importar feeds de sitios externos, o crear nuevos contenidos directamente desde Anthologize. Luego puedes gestionar y editar varios aspectos de la publicación, para finalmente obtener un libro electrónico. Permite la exportación a PDF, ePUB y TEI.

Anthologize

Anthologize » »

AviaSlider

, 22/07/2010 14:51:09

Ahora que Flash está en horas bajas habrá que ir buscando alternativas. AviaSlider es un plugin para jQuery que nos sirve para crear sldeshows con transiciones similares a las clásicas transiciones en Flash. Dispone de 8 efectos de transición distintos; se incluye una imagen de precarga; Posee Autoplay; Código válido tanto para HTML5 como CSS3; La versión comprimida apenas pesa 8Kb; Es multinavegador.

AviaSlider

AviaSlider » »

jGrow

, 23/10/2009 17:31:33

jGrow es un plugin para jQuery que hace que el tamaño de los textarea se ajuste a la longitud del texto. Es tan sencillo de utilizar como:

$("textarea#descripcion").jGrow();

donde "descripcion" es el identificador que hayamos dado al textarea.

También podemos fijar un tamaño máximo de altura en el crecimiento del textarea.

$("textarea#descripcion").jGrow({
	max_height: "300px"
});

Un sencillo ejemplo sería:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>jGrow</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.jgrow-03.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
	$("textarea#descripcion").jGrow();
})
</script>
</head>
<body>
<textarea name="descripcion" id="descripcion" cols="40" rows="4"></textarea>
</body>
</html>

Ver ejemplo en funcionamiento » »
jGrow » »

Páginas: 1 2 Siguiente >