Code

Vercel to Self-Hosted Next.js: Setting up Zero Downtime Deploys with GitHub Actions
Code

Vercel to Self-Hosted Next.js: Setting up Zero Downtime Deploys with GitHub Actions

How to move from Serverless to self-hosted NextJS with zero-downtime deploys on GitHub Actions, using the blue green deployment concept (NGINX and PM2)

Graeme Fulton

Unlocking the Power of Polymorphism in JavaScript: A Deep Dive

Unlocking the Power of Polymorphism in JavaScript: A Deep Dive

Your hand as a mouse - exploring hand gesture interaction (1)

Your hand as a mouse - exploring hand gesture interaction (1)
How to Ace a UI Engineer Interview

How to Ace a UI Engineer Interview

I was recently interviewed at Flipkart, Paytm, RazorPay, PhonePe, BharatPe, and others. I received multiple offers (and a few rejections as well). Sharing a consolidated guide where I document everything.

Ayush Singh

Code
Masonry Layout with Tailwind CSS Columns

Masonry Layout with Tailwind CSS Columns

Masonry layout can be made with the CSS columns property, and with Tailwind, that's just a couple CSS classes. CSS Columns is about as old as flexbox, but it never seemed to be as popular.

Graeme Fulton

Code
Stage Manager on iPadOS 16: Coding on the iPad

Stage Manager on iPadOS 16: Coding on the iPad

Stage Manager in iPadOS 16 makes the iPad more like a laptop. Have you ever considered coding on an iPad? Now you can move, overlap, and resize windows.

Graeme Fulton

Code
GPT-3 Design Hype 🤯

GPT-3 Design Hype 🤯

Over the last couple of years, we’ve seen the odd design tool pop up that brings a touch of AI to design. Now make way for ‘GPT-3’!

Prototypr Team

Code
Never start from scratch! Always use templates (Vercel template library 😇)

Never start from scratch! Always use templates (Vercel template library 😇)

One of the biggest mistakes I've made when building websites is starting from scratch. Vercel template library has a starter template for everything...

Graeme Fulton

Code
Using Framer Motion to Create Smooth Lazy Load Image Effects

Using Framer Motion to Create Smooth Lazy Load Image Effects

Recently I created a nice lazy-loading image effect for some drag and drop menu items in my app. Images in a side menu start off with a loading shimmer effect, and then fluidly grow to their correct height and fade in when loaded: Your browser does not support the video tag.Lazy loading skeleton images 💡 […]

Graeme Fulton

Code