CSS-only floating label
One of those nifty things Google did with the Material Design guidelines is include floating labels.
Animated volume icon
Just a little CSS tomfoolery.
Not that kind of hamburger.
I wanted to share this little bit of code, because I think it’s awesome.
CSS envelope and letter
I came across a tutorial online that caught my eye. It wasn’t the tutorial itself that I liked, though; it was the image they used in the header.
I had an idea to create an animation of an envelope opening, and a piece of paper being removed and unfolded. This is the result.
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.
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.