Get Out the Vote, CSS Style!

Avatar of Geoff Graham
Geoff Graham on (Updated on )

The United States general election is tomorrow! New leaders — including a new president — will be elected to office on November 8 after citizens make their voices heard by casting votes for candidates.

Where does CSS-Tricks fit into the election? This is far from being a place to discuss politics, though we do admit to the occasional dive into office politics such as helping teams have productive discussions about code and how we define our roles in the workplace.

What we do care about when it comes to the election is that everyone who is eligible and registered to vote exercises that right. In fact, Chris summed it nicely in a single sentence over on the CodePen blog:

No matter who you vote for, make sure you vote.

Regardless of where you sit politically, we are all bound by our love for CSS. It’s the reason we gather here on this site or wherever you subscribe to these posts.

We’re making a call for everyone to proudly display their right to vote in this election. Those who have voted in past elections are aware that doing so earns you a sticker to wear in public that lets others know you cast a vote. I got mine the other day in my absentee ballot packet and decided to make a version of it in CSS:

See the Pen I Voted Sticker by Geoff Graham (@geoffgraham) on CodePen.

CodePen has been featuring Pens (Collection) that encourage folks to get out and vote. That was in preparation for this round up we planned to do here.

Let’s do this!

Paul Sullivan made a Pen based off one of the candidate’s social media posts showing where the different presidential candidates land on the issues:

See the Pen Get out and vote – Nov. 8th by Paul Sullivan (@pwsm50) on CodePen.

The candidates with the biggest spotlights:

See the Pen Clinton & Trump – Graphic Design (Responsive) by Richik SC (@richiksc) on CodePen.

Chris with a simple message that we’re trying to emphasize today:

See the Pen Voting is our Voice by Chris Coyier (@chriscoyier) on CodePen.

Click around Lewi Hussey’s Pen to soak in the patriotism:

See the Pen 2016 ELECTION by Lewi Hussey (@Lewitje) on CodePen.

Need some icons?

See the Pen Vote! #Govicons by Mark Ostrander (@ostranme) on CodePen.

Or an incredibly America saturated web font?

See the Pen HWT American Chromatic by Tim Brown (@timbrown) on CodePen.

Many of us will be glued to our TV’s on Tuesday night. Let’s hope the picture doesn’t start doing this on us:

See the Pen Glitching image – USA style by pimskie (@pimskie) on CodePen.

Let’s do this!

See the Pen Get Out There And Vote by Ruslan Pivovarov (@mrspok407) on CodePen.

See the Pen #govote by Adam Kuhn (@cobra_winfrey) on CodePen.

We understand that not every person reading this blog lives in the United States or is able to vote for one reason or another and that’s cool. If that’s you and you’re still game to join in the fun, that’s awesome. If not, no worries at all and carry on with your good work.