Notes to Future Me
This is just a running log of things I've figured out (or halfway figured out) while building stuff. No promises of best practices. Just real-world notes I wanted to remember. If it helps you too, great!
Container Queries: A Game-Changer for Responsive DesignContainer Queries: A Game-Changer for Responsive Design
Taking a look at container queries... the good, the bad, and the future.
StencilJS CheatsheetStencilJS Cheatsheet
This guide walks through JavaScript concepts that are essential to understanding and writing effective Stencil.js Web Components, with examples and usage in context.
JavaScript String MethodsJavaScript String Methods
There are many libraries for string manipulation, but I often find myself rewriting these simple functions in every new code base.
CSS CheatsheetCSS Cheatsheet
This is the CSS version of my cheatsheet collection, a real-world set of styles and features I actually use in UI development.
Javascript CheatsheetJavascript Cheatsheet
A reference for the core parts of JavaScript that show up in real-life UI development... At least the ones I use.
Dealing with Dates in JavaScriptDealing with Dates in JavaScript
JavaScript dates are like that one coworker who means well but always shows up late and forgets daylight savings.
Web Components & Stencil.jsWeb Components & Stencil.js
Getting comfortable with what Stencil does and how it Builds Web Components.
Netlify Forms with Nuxt 3Netlify Forms with Nuxt 3
Here's how I finally got the submissions to show up and how I learned tp avoid the same five-hour rabbit hole the next time.
Eli5: JavaScript ConceptsEli5: JavaScript Concepts
Just jotting down some Javascript concepts as if I were explaining them to a 5 year old.
- ARIA Cheatsheet
ARIA Cheatsheet
Need a brain-friendly way to remember all those WAI-ARIA doohickeys? Same. This is a quick-hit reference guide for common UI patterns.