Simon Willison’s Weblog

Conflicting Absolute Positions. Neat technique, although it uses CSS expressions for IE compatibility so it may break down in IE 5 and 6 when JavaScript is disabled.

# 17th July 2007, 10:44 pm / javascript, ie, css, a-list-apart, rob-swan

The CSS Redundancy Checker. A tool for checking your markup for outdated CSS rules that don’t match any of your HTML. We were discussing the need for something similar to this at Torchbox a few weeks ago.

# 6th July 2007, 12:02 pm / html, hpricot, css, ruby, tom-armitage, tools

The CSS working group is irrelevant. “Someone really needs to do to CSS what the WHATWG has been doing to HTML”.

# 6th June 2007, 10:10 am / ian-hickson, css, hixie, w3c, stardands, whatwg

start.gotapi.com. Lightning fast lookups of API documentation; includes Python docs, YUI, HTML, CSS and lots more.

# 5th June 2007, 6:05 pm / css, html, yui, python, docs, documentation, gotapi

dojo.query: A CSS Query Engine For Dojo. I incorrectly criticised Dojo for not having a CSS node selection tool in my talk yesterday; not sure how I missed this.

# 17th May 2007, 9:40 am / dojo, javascript, javascript-libraries, css, corrections

Guardian Unlimited’s new look: Some background on templating. Nik Silver describes some of the challenges involved in building a complex new homepage using CSS and Velocity.

# 10th May 2007, 12:26 pm / niksilver, css, velocity, templating, guardianunlimite

CSS2.2. Andy Budd points out that CSS hasn’t had an update since 1998, and suggests rolling the most obviously useful parts of CSS 3 in to an incremental CSS 2.2.

# 6th May 2007, 10:45 pm / css, andy-budd, web-standards

Setting Type on the Web to a Baseline Grid. Wilson Miner introduces a smart, methodical approach to well proportioned Web typography.

# 11th April 2007, 12:08 am / wilson-miner, typography, a-list-apart, css

CSS Naked Day. Today is CSS naked day. Get naked!

# 5th April 2007, 8:27 am / css, naked, nakedday, dustin-diaz

The problem with pixels. IE7 lets users resize pixel-based fonts. Is it finally time to stop avoiding pixel sizing in CSS?

# 2nd April 2007, 2:11 pm / wilson-miner, css, ie7

JavaScript/CSS Font Detector (via) Really clever trick: detects the fonts that you have installed by writing out some text and measuring its dimensions.

# 20th March 2007, 11:20 pm / javascript, css, fonts

soupselect. My simple extension to BeautifulSoup that allows you to grab elements using CSS selectors; should be useful for parsing microformats.

# 28th February 2007, 1:47 pm / soupselect, beautifulsoup, python, css, microformats

Rails 1.2.1 Impression. I hadn’t seen assert_select before, which lets you unit test generated HTML using CSS selectors; a really neat idea.

# 15th February 2007, 9:14 am / assertselect, rails, unittests, css

Em Calculator. Tool for working out CSS relative em values, useful for creating completely resizable layouts.

# 6th February 2007, 2:03 pm / css, layout, ems

MySpace: Too Much of a Good Thing? CSS customization really was just the result of forgetting to strip HTML. They “eventually” decided to filter out JavaScript(!)

# 17th January 2007, 9:09 am / myspace, css, javascript, xss, security

CSS library for Python (via) “A Python package to parse and build CSS Cascading Style Sheets. Partly implements the DOM Level 2 Style Stylesheets and CSS interfaces.”

# 15th January 2007, 2:32 am / css, python

Microsoft Breaks HTML Email Rendering in Outlook 2007. They’ve dropped the IE renderer and replaced it with... Microsoft Word! No CSS background images, no floats, no CSS positioning, no forms. Wow.

# 10th January 2007, 8:18 am / microsoft, htmlemail, css, outlook, outrageous

Introducing text-stroke. Webkit has some sexy new CSS properties: -webkit-text-fill-color, -webkit-text-stroke-color, -webkit-text-stroke-width.

# 21st December 2006, 10:34 am / webkit, css

Conditionally Sticky Sidebar. A nicer implementation of the trick I’m using for my add comment form; this one takes advantage of position: fixed in browsers that support it.

# 20th December 2006, 1 am / css, javascript

RoundedCornr. Generates code for rounded corner boxes (with optional graded fills—very Web 2.0). Slightly different way of nesting divs to the way I’ve used in the past.

# 16th December 2006, 11:49 pm / css, roundedcorners, gradients

YUI CSS Grid builder (via) The YUI CSS grid system can be hard to get your head around. This interactive tool makes it much easier to figure out.

# 16th December 2006, 10:30 pm / yui, javascript, css

Natalie Downe: Inline image quotes. Neat CSS trick this one.

# 22nd November 2006, 12:29 am / natalie-downe, css

Mozilla causing XSS in Livejournal. Their recent worm attack was caused by the -moz-binding CSS property.

# 22nd January 2006, 9:37 pm / mozilla, css, livejournal, security, xss

Internet Explorer 7. It’s been announced, but the stated focus is security and anti-phishing. No news on improved CSS.

# 15th February 2005, 7:04 pm / ie, ie7, css, security, phishing

Ned Batchelder: Css-discuss wiki. Ned says nice things about the Wiki.

# 2nd February 2005, 8:23 pm / css, ned-batchelder

Background Images Security Flaw? Styling :visited links can reveal a user’s browser history.

# 24th May 2004, 8:24 pm / css, security