jCoverflip

É possível definir o número de itens a serem exibidos e os velocidade da animação de transições.

Além disso, a aparência e podem ser personalizados como cores, fontes e cores utilizadas podem ser editados.

P.S. Opcionalmente, ele vem com “métodos de integração” para sites em Drupal como um módulo.

Requisitos: jQuery e jQuery UI
Compatibilidade: Todos os principais navegadores
Website: http://www.jcoverflip.com/
Demo: http://www.jcoverflip.com/demo
Download: http://www.jcoverflip.com/download
Via webresourcesdepot.com

Sencha Animator te permite crear animaciones de alta calidad, que te hacen levantar una ceja, usando única y exclusivamente CSS3, ni siquiera JavaScript, por lo que sí o sí podrá ser reproducido en cualquier explorador de Internet.

Este programa está orientado principalmente hacia la publicidad en internet. Ya que las animaciones que se pueden crear con él son tan buenas como las de Flash, hace hincapié en que usar CSS3 tiene muchas más ventajas en comparación a usar Flash para pequeños banners de anuncios, que básicamente son una especie de Gifs animados a los que les das clic.

Lo que puedes lograr con este nuevo programa son animaciones como movimiento de imágenes, rotación, manejar texto, y todo lo demás que puedes ver en estos ejemplos ofrecidos en la página web oficial. Estos demos sólo pueden ser vistos en algunos exploradores que utlicen WebKit, como Chrome, debido a los aún notables problemas de compatibilidad con HTML5 y CSS3.

El editor trae a la mente (de nuevo) a Flash, ya que trabaja con línea de tiempo y acciones que ocurren en determinado momento. Puede ser instalado en Linux, Mac y Windows, y viene en dos versiones: estándar, que puedes descargar, y la edición para publicidad, que aparentemente será paga.

Link Sencha Animator

Via Crea impresionantes animaciones en CSS3 con Sencha Animator

Como editar CSS com o Firebug

Com o Firebug, dá pra editar CSS sem ser clicando nas propriedades.

É possível editá-lo como o HTML.

Vá na aba CSS, escolha o arquivo e clique em editar.

Vivendo e aprendendo.

PS: a WebDeveloper Toolbar faz a mesma coisa, aperte Ctrl+Shift+E.

PPS: Depois de editar, copie o código e cole no arquivo.

via pedromenezes.com

jQuery Tools

Ver demos  jQuery Tools – Baixar – Via xyberneticos.com

Link  8 Javascript solutions to common CSS problems

O problema de utilizar urchin.js

O problema de ainda utilizar urchin.js é que desde dezembro de 2007 o Google deixou de dar suporte ao script, dando atenção ao novo sistema ga.js, deixando 12-18 meses mais de vida para o urchin.js para realizar a migracão. Ao que tudo indica, vendo que muita gente ainda não efetuou a migração, esse prazo está se prolongando para evitar problemas (deixar de registrar visitas). Mas isso não é motivo de pânico, esse script não deixará de funcionar da noite para o dia.

Benefícios do novo script

Se o seu site ainda utiliza o sistema antigo, veja os benefícios que você está perdendo:

• Arquivo JS menor e mais rápido
• Detecção automática de HTTPS
• Maior segurança com namespaces
• Melhoras no segmento de comércio eletrônico
• Código customizado para sites que utilizam Ajax
• Você vai desfrutar de novas funcionalidades e relatórios

Como utilizar o novo sistema

A alteração é realmente simples, dependendo do número de aplicações em que devem ser efetuadas as alterações. Basicamente temos que efetuar a alteração no código que faz referência ao arquivo urchin.js e trocar por esse:

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("SEU_CODIGO");
pageTracker._trackPageview();
} catch(err) {}</script>

Basta agora você trocar onde está indicado SEU_CODIGO para o seu código do analytics.

Via: Anieto2k

Se trata de uma extensão que permite que os items dos <select/> tenham uma imagem para facilitar a seleção de items dentro de uma listagem de opções. Para isso fazem usamos um atributo (não estandar) do elemento <option /> chamado icon, que indicará de onde pegar a imagem que mostraremos junto ao <option />.

Calendar
Shopping Cart
CD
Email
FAQ
Games
Music
Phone
Graph
Secured
Video

Despues com uma linha de Javascript este atributo se converterá numa imagem alojada dentro do <select />.

MSDropDown.init();

Se você quer ver uma demo de como ficaria, podes dar uma olhada clicando aqui – Via anieto2k.com.

Características interessantes de ColorBox:

• Suporta a utilização de fotos de forma individual ou em grupos, Suporta ajax em linha, e conteúdo iframe.
• Diversos Estilos. Aparência completamente controlada através de CSS, para que os usuários possam dar novos estilos à caixa.
• O comportamento dos ajustes pode ser sobre-escrito, sem alterar o arquivo de Javascript ColorBox.
• HTML Totalmente discreto, não requer mudanças nos existentes HTML
• Efeito atraente, com discreto degradado.
• Precarga de imagens de fundo para evitar a inflamação de unstyled
• Leve: só 12kbs de Javascript – só 2kbs gzip e minified!
• Escrito em jQuery .
• Gera XHTML e CS S válido

Ver Demos: 1 – 2 – 3 – 4 -  Via Xyberneticos – Mas info e download ColorBox lightbox

Para realizar nosso teste, vamos utilizar a folha de estilo de Kabytes que atualmente tem um peso de 8.256KB

• Clean CSS : Muito fácil de utilizar simplesmente colamos o código ou lhe damos a url do mesmo.
• CSS Teak : Similar ao anterior, com uma utilidade de que podemos baixar um widgets para OSX. É muito prático já que uma vez que subimos o arquivo para otimizar o site  nos devolve o css otimizado pronto para baixar.
• flumpCakes : Mesma metodologia, não é tão pratico, quando gera o código otimizado temos que o copiar e colar no novo css de forma manual.
• Icey CSS Compressor : Extremamente rápido, tem o mesmo “problema” do anterior que não gera o arquivo, você tem que o copiar diretamente do html que o site gera.

Resultados:

Ver Demos -  Baixar o Script – Uso e Info Jquery Fade In.Fade Out

Fonte visual-blast