Skip to content
Home » Development

Development

This area is used to store my code development ideas and tests. Only some of the them have been WordPress’d, so you might find what you’re after the in original development area.

  • CSS: Icons as backgrounds on anchors

    Following a discussion about placing icons next to links for content in different formats, one possible solution is given on this test page.

  • CSS: Use of (My) Currency Microformat

    There is a currency Microformat in proposal at the moment, and this page gives an example of how I would use it, along with some fancy formatting a la Argos (but without the tables).

  • CSS: Centering an equation as part of a paragraph

    A request to see if an equation in the middle of a paragraph could be centered on it’s own line, without needing to create a new paragraph.

  • CSS: <br> not causing a line break

    The line break element is often used incorrectly to create new paragraphs. This proof of concept page shows how it can also be used to not create a visual line break.

  • CSS: Aurally Delivering Sizes

    Do text-to-speech browsers use the title attributes in a abbr element when reading out? Only with some careful manipulation. Use this example page to test your text-to-speech browser, or other assistive technology.

  • HTML: Typographical Reference

    You try to make sure that your spelling and grammar is correct, so why not your use of typographically correct characters? This page serves as a reminder as to the entity codes you need to display those characters.

  • HTML: Using the correct DOCTYPE

    Many web pages don’t conform to well-formed HyperText Markup Language (HTML). Most web browsers are quite forgiving of this. However, if the HTML isn’t well-formed then the chances increase that the page will appear differently than intended. The use of an explicit DOCTYPE declaration in a web page allows the page to be validated as well-formed for a range of HTML levels. This page serves as a reminder of the syntax for the most common doctypes.

  • HTML: Hyphens and Dashes

    Did you know that you have no hyphen key on your keyboard? You have something called a hyphen-minus key, as well as the normal minus key, but not something explicitly defined as just a hyphen. Do you know when to use a hyphen, an en dash or an em dash? This page serves as a reminder as to how to display the correct hyphens and dashes on your web page.