CSS-Tricks PSD to HTML

Archive for September, 2007



How To Create an IE-Only Stylesheet

Internet Explorer has it’s problems with CSS (OK, it’s pretty much awful) but if you are worth your salt as a CSS coder, you should be able to deal with it. I am of the opinion that you can handle anything IE can throw at you without a ton of hacks and without having alternate [...]

Creating a Nice Textarea

A textarea is an element on a webpage that you can type into. These are commonly used as commenting areas, contact forms or address entry areas. All browsers have defaults styles for textareas which vary. You can take control of your textareas and style them with CSS, just like any other element:

textarea#styled {
width: 600px;
height: 120px;
border: [...]

CSS Page Loader Example

Reader Delang was having trouble with the CSS Page Loader concept I posted a while ago. So I went and made up an example page. It’s very simple, and it just “fakes” actually loading something. As in, it’s not actually loading anything. You will have to refresh the page to reset it.

If you missed it [...]

Resizing YouTube Videos with a simple URL hack

Someone over at Digital Inspiration asked the question:
“How can I send a YouTube Video so that when the person receives it there will not be any other videos in the sidebars that can be opened.”
There is an awesome solution to this problem. You can link to YouTube videos in such a way that the video [...]

Links of Interest

New minimalism in web interface design
You.. and me… and CSS simultaneous
Edit CSS code in Firefox and IE at the same time. Windows only.
Quick web typography tip: Give your <p> elements bottom margin.
ModalBox: easily the nicest download-modify-use “lightbox” system out there.
13 Styles: Free, simple-yet-nice CSS menu designs.

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.