Brinque com o jsFiddle
fev2
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:
- jQuery Tweets – http://jsfiddle.net/pborreli/pJgyu/
- ElementStack com Mootools – http://jsfiddle.net/oskar/c6n7q/
- RequestHTML com Mootools – http://jsfiddle.net/zalun/NF2jz/
Classe – SlideShow
fev1
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.
novidades no blog
links patrocinados
arquivos do blog
- fevereiro 2010 (2)
- setembro 2009 (1)
- maio 2009 (2)
- abril 2009 (3)
Categorias
- Classes (1)
- Destrinchando (1)
- exemplos (1)
- Notícias (5)
- tutoriais (1)
- Utilidades (1)
