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.
Blog: Subscribe via RSS
Video: Subscribe via RSS
Blog: Subscribe via Email
Video: Subscribe via iTunes
Join 11032 other CSS enthusiasts!
Script & Style is a community driven feed of links and exclusive tutorials to help you grow as a designer and developer. Got a great link? Submit it now!
Loading ...
Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.
1
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
Comment by Al — May 22, 2008 @ 9:45 am
2
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.
Comment by Chris Coyier — May 22, 2008 @ 10:17 am
3
Nice work man, - Really simple when you show us how
Thanks.
Comment by liam — May 22, 2008 @ 11:30 am
4
Good work too, the video is a plus, to see how to, faster…
Comment by Laurent — May 22, 2008 @ 7:55 pm