CSS-Tricks is joining the DigitalOcean community! We are so excited to be joining forces. Learn more about this change here. As a special welcome offer, enjoy $100 of free credit to try DigitalOcean on us.
The typical technique for making a fluid width layout is to have your main content have a minimum and maximum width and then make sure it is working in all browsers with various techniques.
Another way is to give elements …
I’ve been thinking a lot about screen resolution lately and how the use of fluid width websites is the best way to accommodate all visitors screen resolutions. The alternative, static width websites, have to make a choice. You can optimize …
Polishing your website. Nice overview about the subtleties and details of web design and how those details are what makes great websites.
Honeypot Captcha. It’s like the Un-Captcha. Basically you hide the captcha with CSS. Bots see it, Humans …
I really like it when pages use really subtle animation to enhance different page elements. Check out the E-Junkie site and their little flame dude in the stamp as their logo. Every once in a while he blinks and it’s …
There is discussion about making rotation part of the CSS3. Here are some important points:
…There are two types of rotation: rotation that happens during layout (and pushes aside content below it), and rotation that happens after layout.
width: auto
There is some very nice software out there for creating and editing CSS files. Since I’m mostly a Mac guy, this review is Mac focused, but I would love to hear about Windows CSS editors if anyone has anything to …
Amazon.com has been flogged a few times for it’s weird use of “tabs” in it’s design that don’t really act like tabs. Well now we can start flogging it for all new reasons. They have gone with a really busy, …
I found this hilarious IE Voodoo Doll over on Deviant Art. What an awesome way to take out your aggression! You can’t buy them of course (copyrights…), but there is talk of a tutorial. Hopefully this will help some …
Recently I posted about a little trick about remembering the css anchor selectors. Now I have another little trick that is even more useful, using the word TROUBLE to remember the order of padding/margin amounts in CSS shorthand. The …
Like many of you, I spend a fair bit of time saving out graphics for use on the web. So when I’m browsing around the web, just by second nature I spot optimization mistakes. Kind of like how a typesetter …
Defining colors in CSS is all about Hex Codes. You know, those alphanumeric six-digit things like #990000. You might have a handful of them memorized. Like that one I just mentioned is a nice dark red. #cccccc is a …
