codepen
-
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.
-
Animated hamburger
Not that kind of hamburger.
-
Popup windows without JavaScript, mark II
Revisiting JavaScript-less popup windows.
-
Fancy navigation
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.
-
CSS animation
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.
-
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.
-
Buttons!
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.