CSS-Tricks

New Screencast: Designing a Unique Page for Twitter Updates

* 5/22/2008  —  4 Comments *

by: Chris Coyier

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.

Written tutorial here and download of all files here.


Bookmark at Delicious Digg this! Stumble this! Submit to DesignFloat Submit to DZone Share on Reddit Bookmark on Google Bookmarks

Responses


  1. Al says:

    A PNG with alpha is a 32 bit not a 24.

    You have the 24 bit for the color + 8 bit for the channels of alpha = 32. Just FYI

  2. Chris Coyier says:

    I get nailed for this every single time I say “PNG-24″. I admit I don’t know all the technical stuff behind it like I probably should (thanks for the explanation), but in the “Save for Web & Devices” dialog in Photoshop (which I see like 100 times a day), that’s what they are called.

  3. liam says:

    Nice work man, - Really simple when you show us how :) Thanks.

  4. Laurent says:

    Good work too, the video is a plus, to see how to, faster…


Leave a Comment

Save time next time! (You won't have to fill out all these fields) Register | Login

Gravatar

Your Name
1/5/2009