👋 hey, I'm shaun. I'm a software engineer, startup founder, and former premed major.

Engineering @Rillavoice)

Form validation with Zod and Svelte

— Svelte

— 5/23/2023

Effective modals in SvelteKit

— SvelteKit

— 5/22/2023

Client-side only middleware in SvelteKit

— SvelteKit

— 5/7/2023

Up and running with Turborepo (feat. NextJS and SanityCMS)

— 4/12/2023

Building animated mobile navbars with framer-motion and TailwindCSS

— YouTube

— 4/9/2023

Remove an outer array in JavaScript with the flat method

— Javascript

— 3/4/2023

Tip #33: Automatically add ellipsis with the truncate utility

— TailwindCSS

— 2/25/2023

Tip #32: Improve images by using the picture tag

— Frontend

— 2/25/2023

Tip #31: Improve image performance by using lazy loading

— Frontend

— 2/25/2023

Tip #30: Make your external links secure with the rel attribute

— HTML

— 2/24/2023

Tip #29: Debug your CSS with a ??? utility

— TailwindCSS

— 2/24/2023

Tip #28: Use containers properly in TailwindCSS with padding

— TailwindCSS

— 2/24/2023

Tip #27: Build simple sliders with scroll snapping in TailwindCSS

— Frontend

— 2/23/2023

Tip #26: Use clamps to build fluid typography systems

— Frontend

— 2/23/2023

Tip #25: Fix z-index issues using relative positioning

— Frontend

— 2/23/2023

Tip #24: Use arbitrary variants in TailwindCSS to style headless CMS content

— TailwindCSS

— 2/22/2023

Tip #23: Always define width and height attributes for images

— HTML

— 2/22/2023

Tip #22: Build price tables with flex-box

— TailwindCSS

— 2/22/2023

Tip #21: Add confetti effects to your website with confetti.js

— Javascript

— 2/21/2023

Tip #20: Use transforms to build wavy section dividers

— TailwindCSS

— 2/21/2023

Tip #19: Use containers and padding to build responsive websites

— Frontend

— 2/21/2023

Tip #18: Add TailwindCSS to any project with npx

— TailwindCSS

— 2/20/2023

Tip #17: Use the scroll-behavior property to set smooth scrolling

— Frontend

— 2/20/2023

Tip #16: Use article tags correctly

— HTML

— 2/20/2023

Tip #15: Build buttons using inline-flex

— TailwindCSS

— 2/17/2023

Tip #14: Change the text highlight color with ::selection

— Frontend

— 2/17/2023

Tip #13: Use Date to add the current year to your copyright claim

— Javascript

— 2/17/2023

Tip #12: Augment your browser console logs with CSS

— Frontend

— 2/16/2023

Tip #11: Push elements to the bottom of their containers with flex-grow

— TailwindCSS

— 2/16/2023

Tip #10: Use divides in TailwindCSS to quickly add borders

— TailwindCSS

— 2/16/2023

Tip #9: Disable image drag by setting draggable to false

— HTML

— 2/15/2023

Tip #8: Use focus-visible to improve keyboard accessibility

— Frontend

— 2/15/2023

Tip #7: Build grid systems with flex containers

— Frontend

— 2/15/2023

Tip #6: Use focus rings to improve user experience on input forms

— TailwindCSS

— 2/14/2023

Tip #5: Use flex columns to create your website's layout

— Frontend

— 2/14/2023

Tip #4: Use semantic HTML tags to increase SEO

— HTML

— 2/14/2023

Tip #3: Add hover effects to SVG icons with fill

— TailwindCSS

— 2/13/2023

Tip #2: Create faded background images using linear gradients

— Frontend

— 2/12/2023

Tip #1: Use space and gap utilities in TailwindCSS

— TailwindCSS

— 2/12/2023

Tailwind Tips — Maintaining global typography styles

— TailwindCSS

— 2/6/2023

Setting Ghost's admin url properly

— Guide

— 2/5/2023

All about variants in framer-motion

— Framer-Motion

— 1/23/2023

Coming back after a break

— 1/17/2023

Building animated mesh gradients with whatamesh

— Guide

— 1/6/2023

Enter and exit animations with framer-motion

— Framer-Motion
— Guide

— 1/4/2023

Gesture animations with framer-motion

— Framer-Motion

— 1/2/2023

A lot happened in 2022

— 1/1/2023

Get started with framer-motion

— Framer-Motion
— Guide

— 1/1/2023

Actually update npm packages to their latest versions

— Frontend

— 12/31/2022

My stack going into 2023

— Guide

— 12/31/2022

So... I built my website with QwikJS

— Review
— Qwik

— 12/30/2022