Posts in the ‘Code’ category

Font-replacement and the PC: fixing jagged edges

Released March 31, 2011 0

Font-replacement is a thing now on the internet. Gone are the days of Helvetica, Arial, and like, three other fonts. Now designers, coders, and hacks can add fonts to any web project. Heck, sometimes even for free!

But of course there are always drawbacks. The number of font-files you need is staggering, and the CSS you need to set up borders on the insane. Here’s the best CSS code I’ve seen for that. Then there’s the licensing issues: font’s ain’t free (mostly). If you want to use a good collection of the fonts out there, you have to pay. There are loads of services out there at this point that can serve up almost every possible font you could ever want. Some you pay for, some (like what I use for my own website) are free.

Getting past the pay barrier and the CSS file drudgery, you are left with another issue: rendering. Some fonts, while applicable for the web, have not beenĀ optimized. There’s a big difference between a web-optimized font, and a print font that has been released to the web. That is to say the latter look like shit most of the time. This is a major difference between a mac and a PC.

Let me explain further.

Continue reading

My jQuery plugin template is open season!

Released March 3, 2011 0

So I’ve been doing a lot of javascript development at work recently. I’ve basically created a lot of our reusable javascript ‘plugins’ to cover the common requirements of the work that we do. In many cases, this resides mostly (but not entirely) in online annual-report creation.

Anyone that’s in the business will know that there are some common functional elements that you end up having to build with javascript: accordions, tabs, faders, sliders, lightboxes, filters, etc. Many of these items can bleed over into non-report sites, such as intranets or even public-facing sites.

Continue reading