Veja que aqui mostramos as 20 primeiras fotos, para isso vamos seguis os 3 passos a seguir:

1.Link do RSS

Precisamos do link de RSS () que pode ser localizado logo abaixo da página inicial de suas fotos como mostra a figura abaixo:

No nosso exemplo vou utilizar o meu RSS que no caso seria este link:

http://api.flickr.com/services/feeds/photos_public.gne?id=47603660@N03&lang=en-us&format=rss_200

2. Modificando o Link

Para exibir as fotos vamos utilizar um método chamado Jason de leitura de dados, este método se parece com um XML, veja mais detalhes aqui,  com este método podemos listas as fotos e exibi-las com um loop simples.

Para isso altere o último parâmetro do link de RSS de rss_200 para json ficando assim o seu link:

http://api.flickr.com/services/feeds/photos_public.gne?id=47603660@N03&lang=en-us&format=json

Pronto, se você colocar este link no seu navegador verá algo parecido com um XML isso é o Jason.

3.Fazendo o Loop

Este formato de RSS fornecido pelo Flickr exibe as últimas 2o fotos, agora ficou fácil basta fazer um loop onde vamos ler a quantidade de arquivos e vamos imprimir as fotos, veja o script abaixo:

<script>
    function jsonFlickrFeed(o){
        var i=0;
        while(o.items){
            document.write('<img src="' + o.items.media.m + '" alt="' + o.items.title +'">');
            i++;
        }
   }
</script>
<script src="http://api.flickr.com/services/feeds/photos_public.gne?id=47603660@N03&lang=en-us&format=json"></script>

Veja que aqui usamos o tamanho médio da foto o Flickr separa as fotos em:

_b é o tamanho Grande
_t é a miniatura
_s é o tamanho de 75x75px
_m é o tamanho médio
Remover o _? significa que você escolheu o tamanho pequeno (_s)

Mas não se limitem apenas em exibir as fotos, você pode colocar os títulos, tags e até criar  uma aplicação com uso de jQuery, o “céu é o limite”!

É isso ai pessoal, dúvidas postem ai, até mais!

• Escolher qual o canto que deseja colocar.
• Largura e Altura da Imagem (pode deixar que ele faça a proporção exata da imagem).
• Escolher uma qualidade adequada.
• O Tamanho da borda.
• A cor de fundo da imagem ou se ela for transparente.
• E por fim renomear a imagem.

Bacana não? Se você procura um editor de imagens mais complexo, experimente esse aqui.

Pessoal hoje vou falar de um assunto muito bacana, digamos que seu cliente utiliza uma fonte padrão e quer aplica-la no site, logo você parte para o flash (ou técnicas complicadas para isso), mas também  ele quer se posicionar no google, o que fazer???

Não se apavore vou mostrar para vocês hoje como utilizar os recursos do Cufó, uma aplicação em javaScript que converte sua fonte para JS e poderá aplica-la a um seletor qualquer, mesmo se ele for dinâmico ou do Banco de Dados, a única restrição é que em alguns navegadores não tem como ser selecionado.

Bom chega de falar e vamos botar a mão na massa! Em primeiro lugar escolha uma fonte que seja free, assim você não corre o risco dos diretos autorais caiem sobre você neste exemplo vou utilizar a fonte Officer Down , baixei ela do site dafont.com, mas fique a vontade de usar qualquer uma desde que seja free hein?!

Depois da fonte baixada vamos ao site do pessoal acesse http://cufon.shoqolate.com em primeiro lugar faça o download do arquivo cufon-yui.js que fará o trabalho sujo para nós, em seguida vamos converter nossa fonte, boms eiu que i site é em Inglês mas vou tentar explicar de forma rápida.

1º – Na primeira etapa Select the font youl´d like to use vocêvai escolher de acordo com a fonte baixada os tipos se ela é regular, bold, itálica regular, bod e itálica, isso vai depender do pacote de fontes neste exemplo só temos a fonte no formato Normal, logo suba apenas a fonte normal.

2º – Incluindo Glyphs, isso na verdade se trata dos caracters de uma fonte isso é muito importante para que nós Brazucas possamos colocar acentuação na fonte marque a opção Basic Latin e Latin-1 Suplement assim ficará leve e com acentos, mas como disse isso depende da sua aplicação da fonte, digamos que não precise de acentos será em um numeral ok?

3º – Em security se a fonte for só sua você a comprou ou a desenvolveu aqui você gera uma garantia que ela será usada pelo seu site, opicional

4º – Aceite os termos (marque opção “The EULAs of these fonts allow Web Embedding”) e seja feliz!

Bom a parte de compreensão e customização é mais técnica não vou aborda-la aqui aconselho a dar uma boa olhada na documentação se isso lhe interessar

Ok agora temos nosso arquivo OfFiCeR_DoWn_500.font.js gerado e pronto para a ação vamos ao HTML

Vamos preparar o terreno, dentro seu body crie a seguinte estrutura, somente para testes ok:

<h1>Lortem Ipsum Dollor</h1>

<div id="menu">
    <span><a href="#">Lorem</a></span>
    <span><a href="#">Ipsum</a></span>
    <span><a href="#">Dollr</a></span>
</div>

Agora o CSS, mais uma vez isso é opcional ok?

body{
    text-align:center;
}
h1{
    font-size:60px;
}
div#menu{
}
    div#menu span{
    padding:10px;
}
div#menu a{
    color:#333;
    font-size:20px;
    text-decoration:none;
}
div#menu a:hover{
color:#FF0000;
}

Agora vamos ao códigos de JS, insira os arquivos baixado e Gerado:

<script type="text/javascript" src="cufon-yui.js"></script>
<script type="text/javascript" src="OfFiCeR_DoWn_500.font.js"></script>

Agora vamos ao seletor aqui você seleciona qual elemento irá receber a sua fonte:

<script type="text/javascript">
     Cufon.replace('h1');
     Cufon.replace('#menu span');
 </script>

Prontinho! agora poderá utilizar sua fonte personalizada sem muito trabalho e funciona até no Explorer incrível não?!

Além de aplicar a fonte você poderá colocar efeitos de degrade e outros, sugi que leia os exemplos do site ou a docuementação completa em breve irei postar mais sobre o assunto, por hoje é só pessoal!

Vou postar os últimos sites que chegaram para mim e neste mês me surpreendi e muito! vejam este site

http://changeperspective.saab.com/

Aqui temos um exemplo muito bacana de como o flash pode ser leve e interfeir de forma inteligente com o usuário, utilizando de música e efeitos visuais.

Vejam a “folinha” (power) a interação com a música o drag para fazer a folha crescer é fascinante.