My Buttons are All Grown Up

TL;DR – Yes, this is a blog entry about making buttons. Well, it’s more about how CSS is awesome and there are a lot of design and development solutions that I wish I could get my hands on and re-solve with today’s tools. Also, my first CodePen pen!

Read this instead: And You Thoughts Buttons Were Easy?

The year is 2009. We need buttons. Not just any buttons. Not just plain gray buttons that browsers will render. We need buttons that are pleasantly rounded and inviting. We need buttons that make users want to click them. We want iOS style buttons that look like they’re made from glass or like the actual real-world device we’re simulating.

redstair_gearcompressor

By Klaus Göttling – Own work, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=26833491

Okay, that’s a lotta button. Let’s keep things simple. Let’s talk about plain ol’ text buttons.

Continue reading →