#19: Designing a Unique Page for Twitter Updates

Avatar of Chris Coyier
Chris Coyier on (Updated on )

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

This week I take you through the creation of simple webpage to display your recent ‘Tweets’ from Twitter from start to finish. This covers the design in Photoshop, to including the javascript stuff provided by Twitter to the markup, to the CSS to style the page.

Links from video:

Update (October 2012)

The JavaScript provided by Twitter that we used in this video no longer works. However, I quickly updated the demo to use their new provided widget. While my integration in the new demo might not be as nice as it was, the JavaScript is actually much nicer, easier, and comes with modern Twitter features, like favoriting and retweeting.

You can also play with the new JavaScript widget on this CodePen.