Show: All | News Items | Blog Posts
Flickerless CSS Image Rollovers with no JavaScript
Apr 23, 2009 by Travis
Using an image as a background lets you have a lot more control over certain elements (like anchors). One of the main problems with images as backgrounds for anchors, however, is when you have a separate image as the rollover state. When the anchor is hovered over, you can see a brief blink while the rollover image is loaded for the first time. Of course, you can use a ...
Sep 18, 2008 by Travis
If you've ever worked with CSS, you know what a pain it can be to get things looking right in all of the major browsers (Firefox, Safari and IE). IE is, of course, the major offender, causing extreme frustration at times. With the release of IE 7, the Microsoft dudes made a giant stride in standards compliance, but IE 6 is still hanging around in the fringe (I think t...
Piggybacking on link_to_unless
Aug 26, 2008 by Colin
We needed to add CSS to HTML links based on certain conditions (for instance, if you're already there). That's pretty easy to do by using link_to_unless, but the easy way isn't very DRY (Don't Repeat Yourself): <%= link_to_unless(@current_controller=='faq', "Frequently Asked Questions", faq_path){ link_to("Frequently Asked Questions", faq_path, :class =...
Jan 22, 2008 by Buck
Great sites when you're needing a design boost. CSS Beauty Best Web Gallery CSS Vault CSS Vault Unmatchedstyle.com CSS Remix CSS Elite
Need a background-image on a table row?
Nov 17, 2006 by Colin
Don't do it the intuitive way... <table> <tr style="background: url(/images/tr-background.gif) no-repeat 0 0;"> <td>Row 1</td> <td>Row 2</td> <td>Row 3</td> </tr> </table> ...because it doesn't work in IE6 or Safari, even if you set t...