Coder's Block

Will Boyd's Portfolio

Jul 22

Via Twitter Web Client

Coworker named a class "click-eater", which looks like something COMPLETELY DIFFERENT on a virtual box with bad kerning.
Jun 26

Twitter Cards with WordPress

Last time I gave you the rundown on how to use Twitter Cards. I covered everything you needed to manually add the markup to your pages, but if you run a WordPress blog (like this one), you probably want something more automated. Of course, there are WordPress plugins to do this for you. I was...
Jun 21

How to Add Twitter Cards

Twitter Cards help your pages stand out by adding an image and text blurb to any tweets that link to them. The results are more engaging than a plain text tweet, hopefully inviting more click-throughs. For example, take this picture of happy toast I drew a few years back: For whatever reason, I’ve decided to...
May 8

Amplify EOI 2012

Badge logo for an initiative where I used to work. Made into t-shirts. Originally created May 6, 2012.
May 1

Whatever Happened to <b> and <i>?

Most reasonably savvy web developers will tell you to use <strong> and <em> instead of <b> and <i>. And generally speaking, they’re right… but they don’t really know the whole story. So join me now as I take you on a fantastic journey into the thrilling history of these HTML elements! Yeah, it’s not really...
Apr 13

20 Tiny Tricks for Web Developers

This is a popcorn post of various tips and tricks I’ve picked up as a web developer. These are by no means earth-shattering revelations that will redefine everything you thought you knew about web development… but hopefully you’ll pick up something new to add to your arsenal. 1. Use “Can I Use…” I put this...
Apr 2

The Smallest Valid HTML5 Page

I stumbled upon something interesting the other day: the <html>, <head>, and <body> tags, arguably the most fundamental of any web page, are optional. Weird, right? And it’s not just an oversight or crazy hack. It’s intentional and documented in the specs for HTML5. I’ll quote the relevant bits as proof. But before I do,...
Mar 27

Creating Glow Effects with CSS

The CSS box-shadow property is deceptively awesome. When used “traditionally”, it’s a simple way to add a shadow effect to an element. I use this for images in my blog. It’s nice. But get saucier with it and you can pull off some really interesting things. I’ve already talked about the pixel art hack. This...
Jun 24

Aurora Bridge

Quick shot of the Aurora Bridge, overlooking Lake Union.