Coding in Public

Live Design: Course Project Design

Note Taking App (Vanilla Javascript Project) | Part 2 (SCSS)

Code Block Syntax Highlighting in Astro

React Email First Look

You’re doing dark mode wrong!

Astro Crash Course in 20 Minutes!

Live Code: Astro Static Site Generator Build (real coffee website!)

Astro Blog Course - Full 3.5 hour course

How to use aria-current in Tailwind

My new favorite way to use git

Live Code: Frontend Mentor Contact Form Hub (with Astro)

Free SVG Resources for Web Design

Fade Images on Scroll with Javascript (Intersection Observer Part 2)

Update Copyright Year with Javascript

Fade Navbar and Images on Scroll (with the Intersection Observer JavaScript API)

Ways to Write a Function in Javascript (Arrow Functions)

Top 10 VSCode Extensions for Web Development

Custom CSS Micro Animations (Custom UX/UI Checkbox Component)

Todo App Vanilla Javascript | Part 1 (HTML + CSS)

Update Page Height with Javascript + CSS Variables

Warp Terminal — a reimagined terminal experience!

Live Code: Users List Component (Beginner HTML, CSS, JavaScript)

15 VSCode Keyboard Shortcuts to Speed Up Your Code

Google Calendar API Event Page (Tailwind Project) | Intro & Setup

How to Support All Browsers with Your CSS

Building a Better Checkbox

Do you know the difference between target vs. currentTarget?

How to Use Notion as a CMS (Part 7: UX/UI Improvements)

Live Code: Local Storage and Event Delegation (Wes Bos JavaScript Project)

Typewriter Animation Effect with HTML, CSS, and JavaScript

Transparent Nav to Background Color Nav on Scroll with Javascript (Intersection Observer API, Part1)

Google Calendar API Event Page (Tailwind Project) | HTML and Tailwind CSS Project

How to Use Notion as a CMS 2 (Part 2: Creating the Site with ViteJS)

How to Use Notion as a CMS (Part 3: Setting up Notion Data and API Integration)

Custom Loading Spinner Animation with CSS

Full beginner Gulp setup for SCSS, minifying Javascript, and minifying/webp images

Review Card Figma to Code (React Project)

Full Astro Landing Page Build with Convert Kit (and deploy to Netlify!)

better git commits!

Reveal JS — HTML Presentation Framework (4 of 6, Custom CSS and slide transitions)

Responsive Grid and Flexbox Page Layout Tutorial (Part 2 of 2: CSS)

Astro Actions (First Look!)

How to Format Dates with Vanilla JavaScript

Live Code: Book Tracker App (with Astro DB)

Live Code: Astro SSR Reading Tracker Site

🔌 💡 web dev home automation! 🏡 tion

Write a JSON File with NodeJS

Live Code: Frontend Mentor Challenge (Expenses Chart Component)

👋 Goodbye, CoPilot! Hello, Codeium!

Five Tips for Responsive Web Design

Live Code: Astro Site Rebuild (real coffee website!)