Writing

CSS, Experiment

CSS line-clamp animation

An experiment to animate truncated text with css line-clamp

Shopify, Rails

Handle Shopify Webhooks in Ruby on Rails

Webhooks are a way for Shopify to send data to your app when events in a merchants store happen, such as order or product updates.

Shopify, Rails

Handle Shopify Mandatory Webhooks in Ruby on Rails

A step-by-step guide on how to handle GDPR mandatory webhooks from Shopify.

Shopify, Rails

Rails 5 Shopify App With Redis Sidekiq Docker

Build a Shopify App in Rails 5 with Redis, Sidekiq, and Docker.

Creative Coding

VMIN for p5js canvas

A CSS VMIN like function for sizing canvas elements.

Performance, Animation

Simple Image Lazy Loading

Quick post to explain a simple lazy loading technique. The main idea here is to initially load a very small resolution version of the image at first to speed up initial page load, and then replace that low res image with a higher res version once everything on the page is finished loading.

Javascript JSON Search

A quick tutorial on how to load JSON data with Ajax and query it with a search string. To see a demo and the working code checkout this codepen.

Creative Coding

HTML5 Canvas Tag Intro

This is a walk through/tutorial on the basics of the HTML5 Canvas Tag.