Over the last few days I’ve been reminded just how wonderful some of my web design students in the NMPD program are:
css / typography
Estimated reading time: 4 minutes, 15 seconds
Ordinals are “counting words” like 1ⁿᵈ, 2ˢᵗ and 19ᵗʰ: they are characters that express position in a series. So-called “superior” letters are used to present some abbreviations in a similar way, such as Mᴹᴱ for the French “Madame”. All of these are forms of superscripted text, commonly used for references to footnotes, chemical compounds, and mathematical exponents.
Unfortunately, superscripted text can be difficult to create and typeset correctly on the web. If you want to use finely detailed layout that includes ordinals on your pages, there are several possible solutions:
tools / photoshop
Estimated reading time: 3 minutes, 30 seconds
Many design tools now feature workflows for exporting Retina images, but only for the current document; bulk conversion of assets has tended to be the role of complex command-line utilities like ImageMagick or task runners like Grunt. PhotoShop Actions can be used for batch processing, but they can be somewhat finicky to record, play back, and modify.