The Worst JavaScript I Ever Wrote
Revisiting some code I wrote for a job interview in 2018.
- code
MKII Redesign: Choosing Fonts
Choosing three new variable fonts and squeezing them for performance
- design
Dragon Balls
I 3D Printed a Dragon Ball
- making
MKII Redesign: Blackletter Logo
Refining an old logo design I've been working on to use for the basis of a new site.
- design
PostCSS Syntax Highlighting with Svelte in VS Code
How to configure VS Code to syntax highlight PostCSS in Svelte components
- code
How to Save a JavaScript Function as a Bookmark
Using JavaScript to automate a repetitive part of my life
- code
Writing Context Aware Styles in a Svelte App
How to use the :global() style modifier to style components based on their container
- code
Conditional Adapters in SvelteKit
Using environment variables to determine which SvelteKit adapter to run
- code
How to Expose SvelteKit dev to Local Network
What Flags to Use to Expose SvelteKit to a Local Network.
- code
Testing Synthetic Events in Cypress
How to call the underlying native events in automated testing
- code
Building an Alert Component in Svelte
Creating an accessible Alert style component with a smart cacheing system
- code
Why My Blog Stopped Using Deploy Previews
Calculating the cost of my immutable deploys previews.
- code
Dark Mode: Building a Color Scheme Toggle
How to build a system that will read, set, and save a user's preferred color scheme.
- code
Dark Mode: Choosing Theme Colors
Some advice on how to choose color palettes for both light and dark user themes.
- code
- design
Dark Mode: A Short History of Interface Colors
A non-comprehensive look at the history of "dark mode" in user interface design.
- design
2020, In Review
Reflecting on 2020 and looking back on one year of blog posts.
- code
Automatic Social Share Images
Generating social share images with a serverless function and headless browser
- code
Inktober 2020
All of my Inktober drawings from October 2020.
- drawing
Transforming Markdown with Remark & Rehype
Writing custom plugins to give extra powers to Markdown syntax using the Unified ecosystem.
- code
Svelte, Sanity, and Severless Functions
Building a CRUD site to host color palettes using Svelte, Routify, Sanity, and Netlify Functions.
- code
Building a Component in Three Frameworks
Comparing and contrasting creating a basic widget in React, Svelte, and Vue
- code
Fighting with Git LFS
Lessons learned from using git-lfs (Git Large File Storage), which can be quite easy to mess up and equally as frustrating to fix.
- code
Getting Data In and Out of Gatsby
Using RSS and Webhooks to syndicate posts from one Gatsby site to another.
- code
Science, with Science Gothic
Science Gothic is a very cool variable font, but it is over one megabyte in size. I am testing and comparing the most efficient ways to load and style custom web fonts.
- code
Refactoring a Component for Accessibility
Refactoring a component to use an html5 <details> element instead of ARIA and JavaScript.
- code
Tips & Tricks I've Learned About Gatsby with NetlifyCMS
Things I've learned about gatsby-config.js, gatsby-node.js, and NetlifyCMS
- code
Starting Fresh in 2020
A short history of my previous Gatsby site, and why I'm choosing to start over from scratch in the new decade.
- code