Follow me on Twitter

CSS Wizardry Automated Glyphs


[Content]

Automated Glyphs

There are literally thousands of glyphs that aren’t used to full effect on the web. These can be punctuation, accents symbols and currency. Part of the reason they aren’t used as much — in my opinion — is that their entities aren’t very well know or accessible.
This little PHP script will automatically write out the first x amount of glyphs and their respective HTML entities.

I imagine this will be a pretty useful tool to many, so it might be an idea to bookmark it on Delicious.

The script

<ul class="col">
  <?php
    for ($count=1; $count<=50; $count++){
      if ($count&1){
        echo "<li class=\"odd\">&#" .$count. "; = &amp;#" .$count. ";</li>\n";
      }
      else{
        echo "<li>&#" .$count. "; = &amp;#" .$count. ";</li>\n";
      }
    }
  ?>
</ul>

In action

Here is the script in action. You can also view associated CSS.

[Sub Content]

From the Toybox

Twitter

Resources

Web Design+ — Tips and advice on web standards development Web Design+ is a freely available one-stop document for developers to get advice and tips on web standards development.

Typogridphy — A Typographical and Grid Layout CSS Framework Typogridphy is a CSS framework constructed to allow web designers and front-end developers to quickly code typograhically pleasing grid layouts.

Clecktionary — Cleckheaton’s Dictionary Clecktionary is a tongue in cheek homage to my hometown Cleckheaton. It can be enjoyed by anyone, but is better appreciated by a Cleck’ native.