CSS-Tricks PSD to HTML

Archive for May, 2008



The CSS “Ah-ha!” Moment

I think it’s different for everyone. That moment while you are beginner with CSS when something clicks. You just start to get it. That is your CSS “Ah-ha!” moment. You might not instantly become a CSS master, but from this point forward, there is no going back.

New Screencast: Designing a Unique Page for Twitter Updates

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.

How To Design and Create a PHP Powered Poll

Polls are fun! They can help engage the readers of your site and give both you and the poll-taker valuable information. Let’s walk through building a poll from scratch. All the way from the Photoshop design to the PHP / MySQL that powers it. Here is what we will build:

VIEW DEMO

Links of Interest

An Optical Illusion with CSS and Parallax
Marco Kuiper has put together a really cool optical illusion using the CSS parallax technique I posted about a while back. Check out his post and example. Make sure to resize your browser window while you are there, that’s how it works.
 
Timelapse CSS
Matthew Buchanan came up with a simple [...]

HTML 5 vs. XHTML 2: An Article Roundup and Poll

Much like CSS3, widespread adoption for the next-gen web languages is a distant mirage. Still, it is important to stay educated on these things and even participate in these early stages while things are still malleable. Rather than re-hash everything here, here is a roundup of articles talking about the two major new “competing” formats. [...]

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.