Este simples plugin pode ser uma ótima saída quando precisamos dar vida aos cronogramas chato. O jQuery Timelinr suporta layouts horizontais e verticais.
Usar o jQuery Timelinr deixa a criação de um linha do tempo muito mais fácil:
Creditos: http://www.csslab.cl/2011/08/18/jquery-timelinr/
Demo Horizontal | Demo Vertical | Demo Horizontal
+ maisLightbox_me é uma ferramenta essencial para a caixa de ferramentas de um desenvolvedor que utiliza jQuery.
O Lightbox_me redimensionar automaticamente quando a janela é redimensionada. Pesa pouco mais de 1000 bytes compactado. Foi testado em IE 6 +, Firefox 2.5 +, Safari, Chrome.
Fonte: http://buckwilson.me/lightboxme/#
+ maisO Colorbox é um plugin jQuery com diversas opções e com certeza é uma das ferramentas mais completas na hora de adicionar efeitos lightbox em projetos online.
Algumas caracteristicas do colobox:
Suporta galeria de fotos, slideshow, conteúdos ajax e iframe. Script com menos de 9KB. Aparência é controlada através de CSS. Configurações de comportamento pode ser sobre-escrito, sem alterar... + maisTiny Carousel é um plugin jQuery para para controlar itens de listas verticais ou horizontais. Este plugin foi projetado para ser um utilitário muito leve e é uma maneira poderosa para reforçar a interação do usuário em seus projetos.
Características Movimentação na vertical ou horizontal Suporte à navegação com botões ou paginação O ponto inicial pode ser definido O tempo de animação pode ser definido Número... + maisO YUI Compressor é um minifier JavaScript. O seu nível de compactação é maior do que o compressor Dojo, e ele são tão seguro quanto jsmin. Estudos sobre a biblioteca do YUI têm mostrado uma economia de até 18% em relação ao jsmin e 10% em relação ao compressor Dojo.
Como isso funciona?O YUI começa analisando o arquivo JavaScript fonte... + mais
Alguns trechos de código em jQuery que com certeza ajudam muito na hora de desenvolver novos projetos
Adicione class "first_item" e "last_item" em listas desordenadas. $(function(){ $("li:first-child").addClass("first_item"); $("li:last-child").addClass("last_item"); }); Adicionando class "even" & "odd" elementos HTML $("ul li:even").addClass("even"); $("ul li:odd").addClass("odd"); Abrir link externo em uma nova janela $('a') .attr({ target: "_blank" }); $('a.target') .attr({ target: "_blank" });A primeira linha do código acima faz qualquer link abrir em uma nova janela. Já... + mais
Está é uma maneira simples de ir para o topo de uma página quando uma âncora for definida. Observe que colocamos "return false", para desativar o recurso padrão do navegador.
$('#scrolltop').click(function() { $('html, body').animate({ scrollTop:0 }, 'fast'); return false; }); <a id="scrolltop">Subir?</a>creditos: NetTuts
Clique no link para ver o efeito do código acima. Subir?
+ mais