#19: Designing a Unique Page for Twitter Updates

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Let’s put those CSS skills to work! Claim $50 in free hosting credit on Cloudways with code CSSTRICKS.

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.