em
Instawidget – Instagr.am Widget com jQuery e CSS3

Instawidget – Instagr.am Widget com jQuery e CSS3

Instawidget - Instagr.am Widget

Hoje em dia nós temos widgets para mostrar as últimas atualizações do Twitter, ou se quiser, a quantidade de seguidores de um perfil. Temos também aquele box horrível do Facebook, mas e para o Instagr.am?

Até agora não tinha achado nada de interessante para mostrar no site em relação ao Instagr.am, a não ser um botão que poderia te levar até seu perfil. Ok, tudo bem, eu posso utilizar a API e mostrar algumas de minhas fotos, mas e seu quiser, por exemplo, mostrar meu número de seguidores, número de pessoas que eu sigo ou outras informações relevantes?

Foi com base nisso que desenvolvi com jQuery um sistema de Widget para mostrar essas informações. Já havia mostrado em um post anterior como trabalhar com a API do Instagr.am, portanto, agora foi fácil, só acrescentei mais algumas informações.

Criei basicamente 2 exemplos, e vou deixar aqui o link de download para os mesmos para que você possa customizar a seu gosto.

A primeira coisa que passou pela sua cabeça ao olhar os exemplos foi, mas você disse que era um Widget, como vou colocar um bloco desse tamanho no meu site? Como disse anteriormente, os links de download estão logo acima, customize o layout conforme necessário. Logo no começo do arquivo lib.js você vai encontar uma variável chamada username, altere para seu usuário do Instagr.am e seja feliz.

Comentários

  1. Amazing. This is an interesting example of how widgets can be used in a live scenario. Generally developers think of widgets only when applied to jQuery UI-related implementations. But widgets are real time-savers on many case scenarios (e.g. web apps). :-)

    por Gabriele Romanato Responder
  2. Senhor dos Senhores!!!

    por Mano Gil Responder
  3. Boa dia amigo. Obrigado.

    por Mauro Contador Responder

Deixe uma resposta para Gabriele Romanato Cancelar resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>