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.

Make Way Grid Effect

On-Scroll Expanding Image Animation within Typography

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

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

👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox.

Zero fluff, all quality, to make your Mondays and Thursdays more 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.