Responsive Slideshows

Postado por: Pedro Rogério em 13 de setembro de 2011

13 set
5

Responsive Design é um conceito que visa apresentar a informação de forma confortável e acessível para qualquer dispositivo, ou seja, você pode acessar um site no PC e o mesmo no iPhone, por exemplo, onde a marcação HTML continua a mesma, mas através do CSS são feitas adaptações no layout que tornam sua navegação confortável. No momento não vou entrar muito em detalhes sobre esse assunto, só queria deixar aqui o conceito para aqueles que desconhecem essa técnica.

O intuito desse post é mostrar o conceito de Responsive Design aplicado a Slideshows, como você pode ver nos mesmos listados abaixo:

Blueberry

Plug-in para jQuery experimental voltado para layouts fluidos.

FlexSlider

Slideshow com opções de fade e slide, além de suporte a touch gestures.

PhotoSwipe

Slideshow criado visando especificamente os dispositivos móveis.

Slides

Mais um plugin para jQuery com recursos de looping e reprodução automática.

Responsive jQuery slideshow

Um simples slideshow desenvolvido com jQuery para demonstrar o poder do Responsive Design

Responsive Carousel

Plugin de carousel voltado para Responsive Layouts.

Elastislide

Plugin de carousel voltado para Responsive Layouts com suporte a Touche gestures.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Gostou desse post?

Assine o nosso Feed RSS, siga-nos no Twitter, ou simplesmente nos recomende a seus amigos!

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.