Uncategorized (Category Archive)

HTML Character Entities References in CSS Content Property Values

2010 June 3rd

Say the following ruleset is wanted:
li.toupee:after {content: ” »”;}

This won’t always work but the following ruleset will:
li.toupee:after {content: ” \00BB”;}

So, how to get from » to \00BB:

  1. Find the Character Entity Reference (W3C) wanted
  2. Find a code starting U+ in the entity description,  for example U+00BB for » (raquo)
  3. Copy the number part of the code, 00BB
  4. Paste the number into your CSS Content property value
  5. Place a “\” before the number, \00BB
  6. Done

A little more info can be found by reading the Strings section of Syntax and Basic Data Types (W3C).

ZX CSS Layout

2010 May 25th

ZX is a bunch CSS classes to help authors and developers create flexible and consistent cross-browser layouts. And make applying Media Queries easier. That’s the plan anyway.

The ZX CSS Layout example page ain’t pretty but hopefully there’s enough information to understand what’s going on and to try it out.

There are quite a few of these layout helping CSS frameworky type things around, a couple I’ve listed, and they’re definitely worth trying out to see which shoe fits the bill oddie, or something like that.