Brinque com o jsFiddle

26
fev
2

Baseado no MooShell, o desenvolvedor Piotr Zalewa criou o jsFiddle, que permite você testar o seu código em javascript utilizando as principais bibliotecas de javascript disponível na internet.

Pra usar é bem fácil, a interface conta com 4 quadrados, o do HTML, CSS e Javascript, tem também o quadrado do resultado que é justamente o local que junta os outros 3 e forma o resultado.

Além de testar os recursos visuais você também tem o recurso de Ajax, basta efetuar uma solicitação por Ajax nos endereços /ajax_json_echo/ para JSON e /ajax_html_echo/ para HTML. Ambos aguardam 2 segundos antes de responder, isso para simular a latência da web, ambos retornam tudo que foi enviado.

Além disso tudo o jsFiddle permite que você salve e compartilhe o seu código, além de permitir que você incorpore em qualquer site, facilitando quando você precisa fazer algum tipo de Demo para exibir o seu código, inclusive eu testei o jsFiddle aqui no site no post da classe de SlideShow com Mootools.

Abaixo tem alguns exemplos de javascripts utilizando o jsFiddle:

conheça o jsFiddle, teste e distribua códigos em javascript com mootools, jquery, prototype e outros

Classe – SlideShow

26
fev
1

Esses dias eu precisei de algo para rotacionar algumas imagens no site da RJHost, eu pensei até em fazer do zero mas queria algo mais rápido, algo que já estivesse pronto e que não me desse trabalho, pensei logo no Forge que está disponível no site do Mootools.net.

Chegando lá encontrei esse SlideShow na parte de Widget no Mootools Forge feito pelo Ryan Florence.

Perfeito para o que eu estava precisando, ele faz slide de tudo, não somente imagens. Possui transições entre os elementos ou se deseja você pode definir a sua própria transição.

A classe vem com o básico de um slideshow, você pode extender criando seus botões de navegação facilmente.

Agora chega de papo e segue o demo e link para download.

Download

Clique aqui para baixar: Mootools forge / SlideShow

Demo

Clique no link abaixo para ver uma demonstração.

http://jsfiddle.net/rpflorence/KkuRZ/light/