·  Normal is a dryer setting.


CSS-only floating label

One of those nifty things Google did with the Material Design guidelines is include floating labels. Don’t know what a floating label is? Check it out: Being the ever-curious sort that I am, I wondered if this could be accomplished sans JavaScript. Turn out, it can, but only for required fields. Here’s the demo: To…

CSS tooltips

Inspired by Andy Park’s Pure CSS Tooltips pen, I took it one step further. Data attributes define the placement of the tooltip: left, right, top and bottom.

Popup windows without JavaScript

The other day I had this crazy idea. Popup/modal windows used in modern web design require JavaScript to be enabled in order to function. I wondered if you could get it working without JavaScript. It turns out you can.


Generally speaking, I don’t use the family site for posting stuff related to coding. But every once in a while, I’ll write something that I just have to share. I was inspired by a Photoshop tutorial which details the creation of a cool little share dropdown. It deals solely with the imagery, however, not functionality. So I set to work to recreate it in code.

Back to top