Have GitHub Copilot see your diff (and other cool tricks)
Learn how to use GitHub Copilot's #changes variable and other context tricks to analyze your git diffs and improve coding workflow.
Cassidoo.co is the personal blog of Cassidy Williams, a well known developer, speaker, and educator who writes about JavaScript, React, career growth, web development, dev tools, and learning in public. Her posts mix technical insights with approachable explanations, covering topics like UI patterns, coding tips, productivity workflows, and the human side of software engineering. Cassidy is known for her weekly newsletter, open-source work, and community involvement.
175 articles from this blog
Learn how to use GitHub Copilot's #changes variable and other context tricks to analyze your git diffs and improve coding workflow.
Learn how to use personal instructions in GitHub Copilot Chat to customize its responses, tone, and code output for a better developer experience.
Explores how developers must now design tools for both human users and AI agents, discussing the rise of AI experience (AIEx) alongside developer experience (DevEx).
A developer's journey to create custom Open Graph images for their Astro blog using Puppeteer and SVG templates.
Solving Puppeteer Chrome errors during Netlify builds using Chromium integration or package.json scripts.
A developer details building a high-traffic scavenger hunt website for a restaurant using Astro, Tally forms, and Netlify under a tight deadline.
A developer's build log for PocketCal, an open-source web app for creating and sharing calendar date groups via URL, created with GitHub Copilot.
Explains the concept of flattening a multidimensional array into a 1D array, with JavaScript examples and a real-world use case.
A guide on how to style the calendar/clock icons in HTML date and time input types using the ::-webkit-calendar-picker-indicator CSS pseudo-element.
A developer shares their favorite VS Code keyboard shortcuts for a more efficient, mouse-free coding and presentation workflow.
A guide to using the HTML <picture> element in GitHub Markdown to display different images for dark and light modes.
A developer shares lessons learned from upgrading an iPad, covering trade-ins, accessory compatibility, and choosing a keyboard case.
An explanation of the Model Context Protocol (MCP), an open standard for connecting LLMs to data and tools, and why it's important for AI development.
Learn how to implement an HTML dialog that displays enlarged images when clicked, with zoom cursors, animations, and backdrop styling.
A developer debugs hardware issues with their custom-built Micro Journal device, solving key and charging problems through community help and documentation.
A technical guide on using FFmpeg to invert video colors, converting a dark mode screen recording into a light mode version with a single command.
A guide to re-ordering Git commits using interactive rebase, including conflict resolution and cancellation.
Learn two useful CSS tricks for styling HTML Dialog elements: blurring the backdrop and disabling page scrolling when open.
Developer revives his old AI startup's brainstorming tool by building a GitHub Copilot Extension, using VS Code's speech features and LLMs.
A guide on using GitHub Copilot Edits to make multi-file code changes directly from VS Code, including setup and iteration.