Building serverless applications with Fauna + GraphQL
Let's learn how "serverless" and "GraphQL" compliment each other when building frontend-focused web apps.
Mar 24, 2022
Blog Archive
To be honest, I don’t blog as much as I make videos these days :) This is my archive of old posts and (maybe) future thoughts.
Understanding single page apps & client-side routing
Let's get some clarity on what single page apps are, how they work, and where they differ from server-side routing.
Jul 6, 2021
Grabbing subsets of JS object properties with... GraphQL?
It's easy to grab keys out of JSON objects, but what if we want to grab entire, nested sets of object keys without destructuring?
Jun 7, 2021
Sexy, accessible show-hide animations in any web framework
It's easy to build fancy fade transitions, but how do we include keyboard-ists and screenreaders in the mix?
May 24, 2021
Want CSS variables in media query declarations? Try this!
Let's see why CSS variables / custom properties fail in media queries + some workarounds to try
May 12, 2021
Picture perfect image optimization for any web framework
Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.
May 4, 2021
How ES Modules have redefined web development
The world has been moving away from "pancake" bundling and towards dynamic module imports. Let's see the latest trends and what they mean for us.
Mar 31, 2021
4 Git shortcuts that define my workflow
Here's 4 bash snippets that let me push, pop, and pull my way to victory as a web dev!
Feb 18, 2021
4 Conference talks that changed my perspective as a web dev
Let's explore architecture complexity, when abstractions are bad, how React Hooks work, and the importance of SvelteJS
Feb 10, 2021
Another way to understand JavaScript's array.reduce
I struggled with understanding array.reduce for a while. So I found my own way of explaining it that clicks 💡
Feb 5, 2021
A shiny-on-hover effect that follows your mouse (CSS) ✨
Using CSS variables + any frontend framework to add a metallic shine to your UI
Jan 28, 2021
Mocking browser APIs in Jest (localStorage, fetch and more!)
Turns out, Jest gives you access to all sorts of browser APIs (fetch, localStorage, etc) that you can mock at a moment's notice! Let's see how.
Jan 19, 2021
Leaving Notion to build a second brain in VS Code
Why I'm ditching my favorite notetaking app to get organized, write everything down, and build a second brain.
Jan 11, 2021
The web dev tools that helped me get s*** done in 2020
From the burning ashes of 2020, I've unearthed some gems that really improved my life as a dev. Let's talk notes, git snippets, state machines, and FP!
Jan 4, 2021
NextJS, Contentful CMS, GraphQL, oh my!
Let's pull CMS data the easy way with GraphQL. We'll explore NextJS, Contentful, and GraphiQL from a beginner's perspective!
Nov 4, 2020
Understanding the spectrum of CSS frameworks
We've come a long way from Bootstrap. Let's explore the CSS framework spectrum from utility classes to all-in-one component powerhouses.
Oct 21, 2020
Building a sexy, mobile-ready navbar in any web framework
Let's build a slick navbar you can use in React, Svelte, or vanilla ES6 JS. We'll create an animated hamburger dropdown as well!
Oct 6, 2020
Writing a state machine in one line with TypeScript
State machines aren't just a nice library (hi XState); they're a way of thinking about your state. Let's jump into an example using TypeScript.
Sep 2, 2020
Before building your next static site with React, consider this
Here's when templating libraries like Pug might be better than a bunch of components
Jul 7, 2020
Use flexbox? Here's when CSS Grid is better
Everyone's talking about CSS Grid, but when is it really better than what you're already doing?
May 26, 2020
How you can (sort of) write SASS @mixins in plain CSS
CSS variables are super powerful. Let's see how they can make repeated styles less DRY
May 8, 2020
The power of SvelteJS: building an animated image carousel in <30 lines of code ✨
Let's make a carousel of images that fade between each other, all in 30 lines of code.
Apr 7, 2020
The web dev tools that helped me get s*** done in 2019
A rundown of my favorite web dev tools in 2019 feat. Netlify, Svelte, CSS vars, and Contraste
Jan 3, 2020
HTML5 tags - how do they work, and which ones should I use?
Whether you've seen HTML or not, it may feel unclear when to use each element, or even what elements are available these days.
Dec 2, 2019
What I learned planning and building an MVP as a frontend dev at Peloton
As a frontend dev with little industry experience, these are some lessons learned in the project development process.
Sep 3, 2019
Using Typescript string enums? Consider string literals!
Enums are a great way to standardize your types. But if you want those string values, is this the best solution?
Jul 29, 2019
How to revert your git commits without panicking
When your code turns to 💩 but you've already committed, how do you go back?
Jun 13, 2019
How using CSS variables helped me cut down on JavaScript
Styling with JavaScript is pretty convenient, but how can CSS replicate that logic?
May 31, 2019
Git + GitHub Best Practices for Teams (Opinionated)
A collection of thoughts on using Git to its fullest when working on a project team
May 16, 2019
Let CSS frameworks empower you, not control you
CSS frameworks are super useful for the building blocks of a website, but when is it best to start adding custom styles?
Apr 29, 2019
A neat DIY solution to animating on scroll (for any framework)
AOS libraries sure are slick, but why add dependencies when it an be simple to implement yourself?
Apr 9, 2019
Why SvelteJS may be the best framework for new web devs
Every new programmer starts with vanilla JS and DOM manipulation. But in the component-driven world of modern web dev, is that the best way to start?
Mar 19, 2019
Why I'm using Surge and not GitHub Pages
Everyone's making a static site these days, and most use GitHub Pages to get up and running fast. Here's why Surge is also worth a look 👀
Mar 6, 2019