Here are a few handy references I’ve run across while attempting to get perfectly reasonable CSS layout to work in an unreasonable browser:
Centering Block Element. This page contains a number of useful tricks for using CSS to center blocks of content. Box Model Hack. An exhaustive discussion of various techniques for working around Internet Explorer’s unique [...]
How To Attack An Internet Explorer (Win) Display Bug contains details of the “Holly Hack,” a clever CSS trick by Holly Bergevin that fixes, among other things, the infamous Internet Explorer peekaboo bug. I was recently bitten in the ass (again) by this obnoxious IE problem, and it’s nice to see a fix for it [...]
Obfuscating Email Addresses is a handy and quick tool for transforming an email address from plaintext to something composed entirely of HTML entities. It won’t stop dedicated spammers from using slightly better software to scrape an address off your site, but it does a decent job with the lazy ones who can’t be bothered to [...]
Way! Transparent custom corners and borders presents a technique to create resizeable boxes with custom-shaped corners, entirely in CSS, with a clever bit of Javascript to insert the empty div elements that make it all work. By the time I read through all the code, I decided it’s a hack to make other hacks blush, [...]
I love it when someone else beats me to a project so I don’t have to do it myself. Essential Bookmarks for Web-designers and Web-developers is a fantastic (and obsessively large) collection of links to Web design and development resources. I suspect I’ll be spending hours clicking through links.
Just in the few short minutes since [...]
While looking for information on how to get Verdana running on a Unix box (don’t ask), I instead ran across a couple good sites with tips for font selection that will look good on most out-of-the-box Unix distros. Safe web fonts is a decent no-nonsense list of which fonts are safest to use across different [...]
TemplatesWorkshop has an assortment of attractive Web page templates, in both HTML and PSD (Photoshop) formats. All of it is free, and it’s not the usual junk you’d expect for that price. Just the pile of PSD buttons alone is worth a stop by the site.
I was originally drawn to the site by a link [...]
Here’s a useful tool for Web designers who can’t make heads or tails of the line noise that passes for selectors in CSS2 and CSS3. SelectORacle will take any set of selectors and explain them in plain English (or Spanish). For example:
ul li:nth-child(2n+3):not(:last-child)
translates to
Selects any li element that is an odd numbered child starting with [...]
Max Design has a fantastic series of CSS tutorials. The site covers the basics of styling lists and the proper use of selectors, and its Floatutorial contains the single best explanation I’ve seen for how CSS floating elements work.
I’m normally not a proponent of glossy sites laden with gratuitous Flash, but sometimes they’re so darn pretty. Jevaun Howell has just such a site. Like many designers’ personal portfolio sites, it’s chock full of urban imagery, animated effects, and excitingly swoopy design elements. Unlike most, it’s also got clean layout and excellent navigation. Jevaun’s [...]
Loading
