A um tempo atrás o blog Web Designer Wall fez mais um de seus interessantes posts mostrando como é possível criar imagens em escala cinza com JavaScript, mas especificamente com a utilização de HTML5 (Canvas). Só que como todos sabem, o Internet Explorer não tem suporte a esse tipo de feature, mas você pode contornar isso facilmente com um código prorietário da Microsoft.
Ao contrário do muitos pensam, o plugin jCarousel não precisa ser utilizado somente no desenvolvimento de um Carousel, ele pode também ser utilzado na criação de um Slideshow, e como vou mostrar, ele também funciona perfeitamente para isso.
Responsive Design é um conceito que visa apresentar a informação de forma confortável e acessível para qualquer dispositivo, ou seja, você pode acessar um site no PC e o mesmo no iPhone, por exemplo, onde a marcação HTML continua a mesma, mas através do CSS são feitas adaptações no layout que tornam sua navegação confortável. No momento não vou entrar muito em detalhes sobre esse assunto, só queria deixar aqui o conceito para aqueles que desconhecem essa técnica.
Já ensinei por aqui como carregar o botão de like do Facebook via Ajax e também o botão de Retweet, dessa vez vou ensinar como também é possível carregar o botão do Google+ via Ajax.
Em um post anterior mostrei aqui como carregar o botão de Retweet do Twitter via Ajax, uma solução para aplicações onde o conteúdo é carregado via Ajax, ou, por outro lado, uma ótima solução por questões de performance.
Nesse tutorial vou mostrar como você pode mostrar em seu site, blog ou onde mais você quiser suas fotos do Flickr com a utilização da API do Flickr, jQuery, Ajax e JSON. Você não precisa de conhecimento avançado para entender esse tutorial, basta conhecimentos básicos de jQuery e JSON.
Não irei me adentrar muito em detalhes sobre o HTML e o CSS, pois ele ficam a seu critério, portanto, vamos diretamente ao JavaScript:
Hoje em dia existem vários plugins para isso, mas criei um exemplo bem simples em jQuery para que você possa mostrar seus updates do Twitter no blog sem a utilização de plugin, e de fácil customização. Basta dar uma olhada no exemplo que criei, copiar o código e na função twitterTimeline() substituir pelo seu nome de usuário e o número de Tweets que deseja mostrar. Exemplo:
twitterTimeline('nome_do_usuario', 80);
Customize como desejar.
