Tags: css

ascii.js: A font-based rendering engine for ASCII artwork

A long-standing and thoroughly-enjoyed hobby of mine is creating and consuming ASCII artwork (though not the kind of watered-down crap you would see in, say, an e-mail signature or a chain letter). I recently went on a wild tear after stumbling across a faithful recreation of the Amiga’s Topaz 500 and the IBM’s VGA cp437 fonts, and built a single-page application (or SPA, if you want to be a dick about it) that takes advantage of web-ified versions of these fonts—with some help from the @font-face CSS directive—to display that artwork in its intended form without resorting to a text-to-image conversion process.

Confused yet? Check out my ASCII gallery. If you want to run your own, or just see how it works, I’ve also put the ascii.js source on GitHub.

jQuery.imgradio Plugin v1.0 released

The default HTML radio buttons and check boxes aren’t the most aesthetically pleasing things in the world of web design. With this in mind, I have created a jQuery plugin that will replace those pesky <input /> elements with <span /> elements for your CSS styling pleasure. Under the hood, the original elements are still being used for storing the user’s selection(s), so there’s nothing extra for you to do when the form is submitted. Additionally, it can be configured to operate as a “rating” system—so that, for example, checking the 4th star in a 5-star list would swap the first 4 stars in the list to the “checked” state (visually speaking, at least… in the underlying radio buttons, only the 4th star would be selected). Read More →