I was pretty interested to read about a potential replacement for the venerable -9999px image replacement hack that we’ve been using for so many years, which Zeldman has christened the “Kellum Method.”
Category: CSS
How to Make Data Tables Viewable On Mobile Devices
I enjoyed this well explained tutorial on how to code multi-column data tables responsively (demo) so that they display in a usable format on small screen devices. (more…)
Is This New Browser-Based CSS Editor a Firebug Replacement?
When I read the words “browser-based CSS editor” recently on RedWriteWeb I got excited because it sounded like a way to be able edit CSS on the fly in browsers other than Firefox (yes, you Internet Explorer).
Guide to CSS Hacks for IE
I found this guide to the pros and cons of different CSS hacks for IE to be very useful. (more…)
Rotating Text with CSS
If you look up you’ll notice I made a small update to the way dates are presented in my headings. It’s not a big change, but I wanted to include the year without increasing the height of the date stamp.
Future-Proof Your Web Site Design by Planning Your CSS In Advance
A web site is like a building. Over time it gets lived in. And, regardless of the initial intentions of the designer for how everything within it should be arranged, things get moved around, stuff gets added, some things get taken away, more stuff gets added, the occasional renovation takes place, and yet more stuff gets added. (more…)
Create Resizable Images With CSS
I’m a big fan of layouts that still work if a user increases their browser’s text size. However, I was wondering what it would be like if any images resized along with the text rather than staying constant in size. Would everything seem more in proportion?
(more…)
Pull-quote Design Showcase
I’m a big fan of using pull-quotes (or callouts) to improve the readability of content-heavy pages. Not only do call out important content, but they can also be used to break up content on the page and provide additional visual interest. (more…)
Quick Fix For IE7 Display Issues
I’m sure you’ve all been there — you install IE7; fire it up and tentatively type in your web site’s URL. You hit Enter and cross your fingers. Up comes your site. Quickly you scan the page. All looks good … no, there’s a display issue. Damn!
CSS Rounded Corners ‘Roundup’
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. (more…)