I recently had the privelage of being a guest on the Cloudinary DevJams podcast. We talked about my journey into tech, my Instagram to Cloudinary service (and its post), and some fun open source work.
When building charts and chart libraries it's nice to know how all the pieces work together. We take a quick look at how all the parts work together.
By relocating the folders that are created/updated by VS Code Extensions we can bypass the need to update a gitignore file.
Some of the questions and thought processes I have as I work through a new feature ticket.
Digging into a bug with Netlify's Next plugin that causes 500 errors instead of 404 errors. There is a quick workaround that works for this specific case.
One time password input component for React. Uses a separated input for the OTP read and write.
A client-side redirect for Gatsby when you don't have access to the CloudFront settings.
Setting up a GitHub Action to upload images to Cloudinary from Instagram. This solves some of the issues that I was having with getting Instagram images into Gatsby.
Create a React hook that can simulate a pulse-like cycle between animation states through different durations per animation state.
Create a pictorial fraction of water in SVG using Svelte. Allows for percentage progress so the image looks like it's filling or draining.
This is a simple example of a single line chart built with the @vx charting primitives. We can use this to as a base to add multiple lines to our chart.
Exploring the beginning stages of making a website accessible and why we would do so.
Building a bar chart in React using the @vx library of charting primitives. This is one of the most widely used charts and gives a good base for building upon.
This is a simple example of how to build an inline edit text input with React Hooks.
Here's another helpful React hook. This one returns the dimensions of an element that's passed to it.
React components for rapid layout and ease of use. These components are designed to be used as building blocks for your own layouts. They are not meant to be used as the only way to build a layout.
An auto-advancing image slider built in React with hooks.
CSS Grid is super powerful and can be used to create some creative layouts which makes it a great way to create galleries. In this guide we’re going to use a simple grid that keeps the images the same size.
A few quick tips about working with GraphQL fragments in Gatsby.
© 2012-2023, built with Next.js and Chakra UI