Twitter API and jQuery Showcase: Display your Followers or Friends

Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wanted to […]

By in Playground on
Demo Download

Today I was playing around with the Twitter API and created this little “widget” using jQuery and PHP. I know, there are already plenty of them, but I wanted to improve some details.

Some of the features are:

  • You can get your most recent 100 followers or friends
  • Followers or friends are shown in sets of 25 per widget page
  • The images of the users are preloaded (unlike in Twitter)
  • You can navigate through the set
  • You can refresh the entire set
  • More information on the user can be seen using a tooltip when hovering over his picture

You can configure and use this in your website to show your followers or friends with some interesting information about them (name, number of followers, number of friends).

A reason why 100 followers or friends are loaded in the beginning is the restriction the Twitter API is giving in the number of results per request. So, in order not to make several requests which would take quite some time, I just get 100. However, you can always click the link to the entire list in the end of the pagination.

The tooltip is created using qTip.

Tiny break: 📬 Want to stay up to date with frontend and trends in web design? Subscribe and get our Collective newsletter twice a tweek.

chadking

Chadking is an absolute geek that rarely leaves the comfort of his 3-screen desk. He is a self taught programmer and is addicted to all possible legal drugs.

Ideas for Image Motion Trail Animations

Creating an Interactive Mouse Effect with Instancing in Three.js

Exploring 3D Effects with 2D Optical Illusions

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!

Feedback 10

Comments are closed.

  1. Pingback: uberVU - social comments

  2. Do you know if this is something that works over night or does it take a while for it to work?

    • Hi,
      we have a problem here with the rate limit of twitter…thats why sometimes it doesn’t work. But if you download and run it will 🙂
      cheers

  3. I have installed this but it does not work. I grabbed the code from your index file and pasted it into mine uploaded and no results show

  5. I also like to know how to show my followers automatically. What do i change to do this?

  7. Very nice! I’m converting this to a wordpress plugin, so i will share here soon

  8. Very nice but poorly executed. People normally want this to automatically show who is following them, not for users to enter in their names! If anyone fixes this, please let me know.