Resizable full-browser background image with jQuery (preserving aspect ratio)

It shouldn't be this hard!

(saving this because I know I'll want it someday)

Handy guide to CSS in various email clients.

Quoted: Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client.

We’ve put together this guide to save you the time and frustration of figuring it out for yourself. With 23 different email clients tested, we cover all the popular applications across desktop, web and mobile email.

As the number of email clients continues to grow, we’ve decided to simplify the web-based version of the guide to focus on the 10 most popular email clients on the market. For the complete report on all 24 email clients across the desktop, web and mobile email world, download the complete guide in PDF format.

Quoted: What Does django-clevercss Do?

This project allows you to create CleverCSS stylesheets using the classic Django administration utility. The use of a template tag, get_clever_css, will allow you to use these stylesheets that are stored in your database. The template tag retrieve the stylesheet by its title and spits out a file on the filesystem each time the stylesheet changes in the database. This slightly reduces the amount of overhead because the CleverCSS stylesheet does not need to be parsed for each page request.

Quoted: CleverCSS is a small markup language for CSS inspired by Python that can be used to build a style sheet in a clean and structured way. In many ways it's cleaner and more powerful than CSS2 is.

The most obvious difference to CSS is the syntax: it is indentation based and not flat. While this is obviously against the Python Zen, it's nonetheless a good idea for structural styles.

Refaved from Mohit. Handy if you want a liquid layout for your Web site.

Quoted: The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer's broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths and clever relative positioning.
...
The solution is to keep things simple and only use CSS that works in all browsers. One of the main things to avoid is horizontal margins, padding and borders on elements with a specified width. This causes big problems for Internet Explorer because of it's broken box model. Unfortunately we can't simply ignore IE because it's the most widely used browser on the internet. If only everyone used Firefox!

Some of these tips apply to Visual Studio without ASP.NET

Quoted: This page lists some of the more popular “ASP.NET 2.0 Tips, Tricks, Recipes and Gotchas” posts I’ve done. My goal is to add new posts to the series regularly going forward – so bookmark this page for updates, or subscribe to my blog via this RSS feed.

Refaved from Rob. Pretty good article on getting type sizes right in CSS

Quoted: A better best practice for sizing type in CSS.

Redotted from Mike:

Another CSS one page cheat sheet.

Some nice tools for javascript/css explorations