Slideshow com jQuery e CSS3

Sabemos que há muitos slideshows muito bonitos e com uma infinidade de recursos, o que apresento aqui é bem simples e acredito que ajudará muitos desenvolvedores que precisam criar algo novo, com suas configurações e que funcionem adequadamente com o seu design.
Este slideshow trabalha com jQuery, jQuery Cycle e com CSS3 que pode ser modificado facilmente, comentei o que foi utilizado de CSS3.

Caso queira outros efeitos, visite o site do jQuery Cycle, lá você encontrará vários efeitos que poderá utilizar neste script.

Baixe todos os arquivos necessários e aproveite!

Inserindo preview com jQuery em seu site

Este plugin é muito bom, acredito que vocês já tenham visto o site “Template Monster”, você passa o mouse em cima de um thumbnail e automaticamente carrega uma imagem maior da template, com este plugin você pode fazer isso também..

O plugin ‘imgPreview’ permite que os usuários visualizem uma imagem, ou site antes de clicar no link, o plugin também permite configurar para que as imagens sejam pré-carregadas e com isso não demorar a ser carregada. A imagem aparece em uma caixa ao lado da posição do cursor em cima do link.

Download: jquery, Image Preview plugin

Demo e site do plugin

Obs.: é necessário o plugin jquery 1.3.1 ou superior

Galeria de fotos em jQuery jbgallery 2.0 beta

Para quem está procurando uma galeria com múltiplas funcionalidades, o script jbgallery é ideal.
Este script permite que façamos slideshow com o background, legal isso não? Com este script é possível criarmos não só uma, mas várias galerias na mesma página.

Testado nos seguintes navegadores:

Firefox 3.5 (winxp/linux)
Safari 3.2, 4 (winxp)
Chrome/Chromium (winxp/linux)
Opera 9/10 (winxp/linux)
Internet Explorer 6/7/8 (winxp)

Demonstração e download: http://maxb.net/scripts/jbgallery-2.0/

Tutorial "Sexy Drop Down Menu" jQuery e CSS

Neste tutorial, você aprenderá a criar um drop down menu “sexy”  que também pode deslizar suavemente.

Link: http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html

Demo: http://www.sohtanaka.com/web-design/examples/drop-down-menu/

Crie notificações em seu site com Gritter jQuery

Este é mais um excelente plugin jQuery.

O plugin Gritter Demo nos permite inserir notificações de forma muito fácil em nosso site e funciona no FF3, FF 3.5, Opera 9, IE7, IE8 e Safari 4, mesmo no IE6 funciona razoavelmente bem.

Link: http://boedesign.com/demos/gritter/

Menu de navegação com jQuery tipo OS X dock

“Outside the Box” Navigation with jQuery

“Outside the Box” Navigation with jQuery

Excelente menu que pode ajudar e muito a designers e desenvolvedores web que estejam procurando por um estilo diferente e criativo.

Demonstração e download

Desenvolver aplicações web com menos trabalho, "jQuery"

Bom, todos nós desenvolvedores sabemos da dificuldade de tornar o código javascript compatível com os navegadores, nos traz muita dor de cabeça.

A jQuery, é uma das bibliotecas mais utilizadas no mundo por ter compatibilidade com qualquer navegador, é leve (20k compressed), escrevemos menos e fazemos mais, acessa qualquer elemento da página, possui diversos efeitos visuais para deixar o site mais atraente e uma imensa biblioteca que pode ser baixada pela internet.

Veja como é fácil inserir conteúdo em uma determinada div:

$(‘.minhadiv’).html(‘Estou aqui’);

Em breve postarei aqui como criar uma janela modal com jquery e iframe para ser utilizada com galeria de fotos.

Copyright © 2010 - Folha da Manhã - Todos os direitos reservados