Grayscale Images Hover com HTML5 Cross Browser

Postado por: Pedro Rogério em
Grayscale Images Hover com HTML5 Cross Browser

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.

Continuar lendo »

Responsive Slideshows

Postado por: Pedro Rogério em
Responside Design

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.

Continuar lendo »

Galeria de fotos com a API do Flickr e jQuery

Postado por: Pedro Rogério em
Flickr

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:

Continuar lendo »

Como mostrar updates do Twitter no blog

Postado por: Pedro Rogério em
Twitter

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.

Páginas:«123456789»