Caleb Ukle

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

Building a Formula 1 Dashboard with iOS 14 Widgets

#iOS#F1#JavaScript#Blog

By Caleb Ukle at

iOS 14 introduce a breakthrough new feature called widgets. Never has the world seen such innovation in mobile phone operating system features. Um, well okay yeah not really, but hey we got this feature so why not use it. Here is how I built myself a little dashboard for all my Formula 1 wants, and how you can do it too!

Read More

My First Machine, Getting Started with XState and Angular

#XState#Angular#Blog

By Caleb Ukle at

I have long been interested in XState, a JavaScript state machines and statecharts library. Up until this point I've not found a reason to use a state management library, but XState has really piqued my interest.

Read More

Building a Music Link Sharer with Cloudflare Workers

#Cloudflare#Music#Serverless#Blog

By Caleb Ukle at

Look into how I built my own music link sharer service, all on the network edge. ⚡

Read More

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

Scully Plugins for Algolia Search and HTML Header Tag Links and More!

#Scully#Algoila#Firebase#Plugins#Blog

By Caleb Ukle at

While converting this blog over to Scully, I ended up writing plugins for updating an Algoia index and providing links to header locations, and a some other helpful ones. Check them all out here!

Read More

Mapbox, Deck.gl, and Angular for Realtime Data Visualization

#Angular#Mapbox#Deck.gl#Data Science#Blog

By Caleb Ukle at

Recently, I was inspired by Jeff from fireship.io with his video over data visualization using deck.gl and google maps. I wanted to tinker with using a framework (angular) and Mapbox to make a realtime data visualization.

Read More

How To Make A Custom Image Object Detection Model (The Easy Way)

#Machine Learning#Object Detection#ONNX#Blog

By Caleb Ukle at

I've been trying to make and train a custom machine learning model for detecting specific objects in images. After some exploring, I found a massively easy way to do this. Here is my found solution to build, train, and output the model in the desired ML Format!

Read More

ODBC Driver and OLEDB Provider Issues and Potential Fixes

#ODBC#OLEDB#Excel#Microsoft#Blog

By Caleb Ukle at

Issues with ODBC and OLEDB are quite annoying, typically found when trying to use these drivers to connect to an excel sheet. Here I detail how I solved my issues using IIS.

Read More

Generate Code Coverage Badge with Gitlab CI and an Angular Project

#Angular#Gitlab#Continuous Integration#Blog

By Caleb Ukle at

As the title says, this is how to enable the code coverage badge with Angular on Gitlab CI. Also, I’ll show setting up a Gitlab pipeline for testing an Angular application at the end.

Read More