Software Bits and Bobs
Learning From Others
- WhatFont is a tool that can be installed to your browser (as an add-on if you’re using Chrome, or a bookmarklet for Firefox) that allows you to instantly view information about any font used on any webpage in a popup just by waggling your mouse over it.
Web Dev Tools and Resources
- Creating Print-Quality Typography in the Browser covers setting up vertical rhythm and correlates InDesign properties with CSS ones (and JS augmentation for missing ones as with Lettering.js and Kerning.js below)
- Lettering.js or (more likely if you don’t know your text in advance, eg templates for CMSes) Kerning.js for kerning letter pairs
- FitText for automatic responsive text sizing to fill the width of an area
- How to calculate CSS letter-spacing vs tracking in typography is really just a question on Stack Overflow, but a good discussion
Other (Theoretical Things)
- Getting the Hang of Hanging Punctuation on the Web (NB: Not yet possible really, so article is a discussion of how it might be done and how to do it at the starts of blocks of text at least.)
- The W3C Spec on hanging punctuation (CSS 3) – Not yet incorporated by any browsers, alas.