shaunchander.me
── The archive

writing. 53 entries on systems, tools, and the craft.

06/01/26 Reviewing is the new 10x Tooling05/25/26 Why I'm building a second brain Essay05/23/23 Form validation with Zod and Svelte Frontend05/22/23 Effective modals in SvelteKit Frontend05/07/23 Client-side only middleware in SvelteKit Frontend04/12/23 Up and running with Turborepo (feat. NextJS and SanityCMS) Tooling04/09/23 Building animated mobile navbars with framer-motion and TailwindCSS Frontend03/04/23 Remove an outer array in JavaScript with the flat method Frontend02/25/23 Tip #32: Improve images by using the picture tag Frontend02/25/23 Tip #31: Improve image performance by using lazy loading Frontend02/25/23 Tip #33: Automatically add ellipsis with the truncate utility Frontend02/24/23 Tip #28: Use containers properly in TailwindCSS with padding Frontend02/24/23 Tip #30: Make your external links secure with the rel attribute Frontend02/24/23 Tip #29: Debug your CSS with a ??? utility Frontend02/23/23 Tip #26: Use clamps to build fluid typography systems Frontend02/23/23 Tip #25: Fix z-index issues using relative positioning Frontend02/23/23 Tip #27: Build simple sliders with scroll snapping in TailwindCSS Frontend02/22/23 Tip #24: Use arbitrary variants in TailwindCSS to style headless CMS content Frontend02/22/23 Tip #22: Build price tables with flex-box Frontend02/22/23 Tip #23: Always define width and height attributes for images Frontend02/21/23 Tip #20: Use transforms to build wavy section dividers Frontend02/21/23 Tip #19: Use containers and padding to build responsive websites Frontend02/21/23 Tip #21: Add confetti effects to your website with confetti.js Frontend02/20/23 Tip #17: Use the scroll-behavior property to set smooth scrolling Frontend02/20/23 Tip #16: Use article tags correctly Frontend02/20/23 Tip #18: Add TailwindCSS to any project with npx Frontend02/17/23 Tip #13: Use Date to add the current year to your copyright claim Frontend02/17/23 Tip #14: Change the text highlight color with ::selection Frontend02/17/23 Tip #15: Build buttons using inline-flex Frontend02/16/23 Tip #10: Use divides in TailwindCSS to quickly add borders Frontend02/16/23 Tip #11: Push elements to the bottom of their containers with flex-grow Frontend02/16/23 Tip #12: Augment your browser console logs with CSS Frontend02/15/23 Tip #8: Use focus-visible to improve keyboard accessibility Frontend02/15/23 Tip #9: Disable image drag by setting draggable to false Frontend02/15/23 Tip #7: Build grid systems with flex containers Frontend02/14/23 Tip #4: Use semantic HTML tags to increase SEO Frontend02/14/23 Tip #6: Use focus rings to improve user experience on input forms Frontend02/14/23 Tip #5: Use flex columns to create your website's layout Frontend02/13/23 Tip #3: Add hover effects to SVG icons with fill Frontend02/12/23 Tip #1: Use space and gap utilities in TailwindCSS Frontend02/12/23 Tip #2: Create faded background images using linear gradients Frontend02/06/23 Tailwind Tips — Maintaining global typography styles Frontend02/05/23 Setting Ghost's admin url properly Backend01/23/23 All about variants in framer-motion Frontend01/17/23 Coming back after a break Essay01/06/23 Building animated mesh gradients with whatamesh Frontend01/04/23 Enter and exit animations with framer-motion Frontend01/02/23 Gesture animations with framer-motion Frontend01/01/23 Get started with framer-motion Frontend01/01/23 A lot happened in 2022 Essay12/31/22 My stack going into 2023 Tooling12/31/22 Actually update npm packages to their latest versions Tooling12/30/22 So... I built my website with QwikJS Frontend
© 2026 · brooklyn, ny 7:33 PM