Name Badges are hard to make, and confusing for organizers.

Especially if they want pretty GravatarGravatar Is an acronym for Globally Recognized Avatar. It is the avatar system managed by, and used within the WordPress software. badges.

I’ve always had some problems with InDesign — some technical (my only experience in InDesign is making badges the past two years, and it always feels confusing) and others philosophical (should we really be this all-in on a proprietary, commercial piece of software?)

To that end, I knocked together a rough proof of concept this morning — took about an hour and change — that generates name badges purely in HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. and CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. — languages that nearly every organizing team will have someone familiar with.

You can see the code here:

And the generated markup — once printed (in this case, to a PDF) looks like this:

Click to access Z0n7Tg0LET.pdf

I’m planning on expanding on this to either a standalone, or internal tool for organizers to customize and generate badges. (standalone for the short term, internal if y’all like the idea and want to move forward with it).

As WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. sites know the WordCamp name, and the WordCamp Logo, they can generate these badges with very little necessary user input or customization — although users can always further customize them before printing, if desired.


#badges, #wordcamps