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 »

Sorteio: Livro HTML5 do Maujor

Postado por: Pedro Rogério em
Livro HTML5

Este com certeza é o lançamento mais aguardado do ano, e claro, você não poderia ficar fora dessa. Em uma parceria com a Editora Novatec irei sortear aqui no blog um exemplar do livro HTML5 do Maujor no dia 11 de julho. O que você precisa fazer para participar? É muito simples, basta deixar um comentário nesse post com um e-mail válido para que eu possa entrar em contato com o ganhador. Nada mais que isso.

Mas se você não for o futuro ganhador, não fique triste, você pode comprar o novo livro, ou até qualquer produto da Editora Novatec com um desconto de 20% utilizando o código promocional PINCELADASDAWEB. Corre enquanto é tempo.

Obs: A ferramenta para sorteio que irei utilizar é o Random.org.

E o ganahdor foi o Celso. parabéns a todos os participantes.

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:«1234567...112»