DGmike

DGmike

Calma! não entre em pânico! Amanhã (talvez) tem novo post…

Você está aqui: dgmike » Arquivos para flash

  • Home
  • Guia Rápido jQuery
  • Códigos prontos
    • PHP: Função __auloload()
    • Classe sqlsimples e sql – PHP
    • Bancos, bancos e mais bancos…
  • PagSeguro
  • Artigos
    • JavaScript (parte 1)
  • Quem é dgmike?

Flash Stanard com JavaScript

Posted in flash, javascript by DGmike
Sep 13 2008
TrackBack Address.

Estava vendo no deconcept um artigo muito interessante sobre a técnica de colocar flash[bb] em sites e o google conseguir ler o conteúdo, indexando-o. [update] Sei, o google agora indexa o conteúdo em flash, mas tenho bons motivos para não confiar nele ainda…

O interessante é o seguinte:

  1. Os sitesearchs como o google e o Yahoo! indexarão normalmente pois o conteúdo é HTML normal.
  2. Quem não tiver javascript verá o site em sua versão HTML, sem problemas.

Mas… cuidado! A pratica de SEO (Search Engine Optimization), se usado de forma incorreta, pode gerar dores de cabeça, como o banimento do Google. E não importa se você é famoso, o google não perdoa.

Enfim… vamos ao que interessa, eis o código:

<div id="flashcontent">
This is replaced by the Flash content if the user has the correct version of the
Flash plugin installed. Place your HTML content in here and Google will index
it just as it would normal HTML content (because it is HTML content!) Use HTML,
embed images, anything you would normally place on an HTML page is fine.
</div>

E, logo em seguida, o javascript.

var fo = new FlashObject("flashmovie.swf", "flashmovie", "300", "300", "8", "#FF6600");
fo.write("flashcontent");

No Comments yet »
Tagged as: banimento do google, flash, google, html, javascript, search engine optimization, seo, sitesearchs, yahoo!

jParallax

Posted in jQuery, javascript by DGmike
Sep 09 2008
TrackBack Address.

Uma biblioteca feita para jQuery que imita aquele efeito de horizonte que havia em jogos como Mario. A idéia não é muito complexa, mas o resultado é fantástico! Trata-se de posicionar três ou mais imagens PNGs transparente um sobre o outro e manipular a sua posição com base na posição do mouse. Isso tudo com um outro elemento com overflow:hide; sobre eles. O efeito pode ser usado para fazer aquele topo animado que o designer sonha em fazer em flash.

Crie belos efeitos de fundos com este plugin

Crie belos efeitos de fundos com este plugin

Além do mais é simples de ser implementado, como todos os plugins para jQuery. Bastam algumas linhas de comando e a inclusão de uma linha entre as tags <head> e </head>. Este é o código que deve ir nas tags de cabeçalho:

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/parallax.js" type="text/javascript"></script>
<script src="js/jquery.dimensions.pack.js" type="text/javascript"></script>

Você também deve adicionar um pouco de HTML no seu código. Afinal de contas, de onde viriam os PNGs??? Mas não é nada complexo também, pelo contrário é bem simples comparado ao efeito gerado.

<div id="parallax" style="top:80px; bottom: 80px;">
<img src="images/layer_1.png" />
<img src="images/layer_2.png" />
<img src="images/layer_3.png" />
</div>

E com esta linha de comando você ativa a animação das imagens.

jQuery('#parallax').jparallax();

E o melhor de tudo: é crossbrowser (funciona em qualquer navegador) e não precisa de nenhum plugin especial para seu browser. Exeto se for Internet Explorer 6 ou menor.

Aqui você pode ver um exemplo muito interessante do uso dessa biblioteca.

No Comments yet »
Tagged as: efeito, flash, javascript, jparallax, jQuery, mario, overflow, png, png transparente

Categorias

  • Cotidiano  (132)
    • Amigos  (16)
    • Dia-a-dia  (33)
    • Diversão  (18)
    • Games  (1)
    • Não categorizado  (26)
  • Design  (15)
    • Ilustração  (6)
    • Imagem  (8)
    • Inspiração  (5)
    • Vetorial  (5)
  • eventos  (10)
    • PHP Conference  (3)
  • flash  (4)
  • Navegadores  (22)
    • Chrome  (6)
    • extensions  (11)
    • Firefox  (18)
    • Internet Explorer  (6)
  • pagseguro  (13)
  • Programação  (106)
    • CSS  (20)
    • html  (7)
    • javascript  (36)
      • jQuery  (7)
      • yui  (2)
    • php  (44)
      • icephp  (4)
    • plugin  (3)
    • python  (5)
    • sql  (9)
    • tableless  (18)
    • wordpress  (2)
    • xHTML  (23)
  • Tecnologia  (70)
    • Semântica  (16)
    • Tutorial  (25)
    • video  (8)
      • video-tutorial  (5)
    • Windows  (4)
  • Trabalho  (33)
    • cases  (4)

Tags

ajax artigo banco de dados biblioteca blog browser classe CSS data Design Dia-a-dia dinheiro evento eventos Firefox framework google html icephp internet Internet Explorer javascript jQuery loja mysql opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Trabalho Tutorial twitter visie web wordpress

Arquivo

SlideSare

Últimos Posts

  • PagSeguro – Gravando log com ASP
  • Vá com calma
  • Vírgula em html5 e css3
  • Youtube e HTML5, agora ficou mais fácil
  • Novo emprego!

Tags

ajax artigo banco de dados biblioteca blog browser classe CSS data Design Dia-a-dia dinheiro evento eventos Firefox framework google html icephp internet Internet Explorer javascript jQuery loja mysql opera pagseguro palestra php plugin Programação python retorno automático simples site solução sql tableless Tecnologia Trabalho Tutorial twitter visie web wordpress

Conteúdo

  • Artigos
    • JavaScript (parte 1)
  • Códigos prontos
    • Bancos, bancos e mais bancos…
    • Classe sqlsimples e sql – PHP
    • PHP: Função __auloload()
  • Guia Rápido jQuery
  • PagSeguro
  • Quem é dgmike?
PagSeguro Powered by WordPress | “Blend” from Spectacu.la WP Themes Club