Caleb Ukle

This is where I write about random things that are interesting to me. Enjoy!

Blur Up/Fade In Images Without Gatsby

#Scully#Gatsby#Plugins#Blog

By Caleb Ukle at

Blurring up images is the act of creating a small image and inlining into a page's markup. The inline-image is stretched out to the original image size and a blur is applied. In the background, the full-sized image downloads and replaces the small blurry image. Since the small image is the same size, the page doesn't jump up or down when adding the image. Here is my implementation for a scully plugin, along with how to do it outside of a framework if desired.

Read More

Moving From Gatsby to Scully (The Angular Static Site Generator)

#Angular#Gatsby#Scully#Static Site Generator#Blog

By Caleb Ukle at

When originally building this site, I used Gatsby. But with the release of Scully, I jumped ship so I can use my favorite web framework, Angular instead of React.

Read More