Liquid Yard Waste
This is a thing I do now, apparently. Just had my first swig and, no foolin’, it actually tastes really good and not at all like liquid yard waste.
How to animate an image reveal in pure CSS with Keyframes
A client wanted an animated image effect similar to somebody whimsically underlining a few words of text with an equally whimsical colored writing instrument. Thankfully, this is pretty straightforward with the use of keyframes in CSS. In a nut, we start with a width attribute of 0 on the element we want to animate, then
How to animate an image reveal in pure CSS with Keyframes Read More »
A Simple Example of a WordPress Shortcode with Parameters
I’ve wanted to learn how to do this for ages, and today I got the chance. This simple WordPress shortcode will find all of the children of the current post and spit out an <ul> of them with titles and links. The shortcode has two optional parameters: In reality, the shortcode looks like this: [foo_generate_inline_menu
A Simple Example of a WordPress Shortcode with Parameters Read More »
Kentucky Orange Blossom, Improved
Stir, serve over a big ass ice cube. Recreated from a list of ingredients for the Kentucky Orange Blossom at Macallans Public House. Big ups to Matt Smith for direction on the ratios.
How to animate text underlining with the Intersection Observer API
(This came up recently in a client project and I thought it was a fun (and fairly straightforward) example of the Intersection Observer JavaScript API.) So you want to underline some text when some event happens. Either on hover or when it enters the viewport. In the former case, it’s easy to do using plain
How to animate text underlining with the Intersection Observer API Read More »