Blog

Create a lazy-loading image component for faster Vue.js apps

Development, JavaScript, Optimization, Vue.js

Create a lazy-loading image component in Vue.js that speeds up our apps, has zero dependencies, and works as a drop-in replacement for an HTML image tag.

Vuetensils 0.4: awesome components and helpful directives

Accessibility, Development, Vue.js

The latest Vuetensils includes 2 new components, and handy directives. These make it faster and easier to create robust, accessible UIs with Vue.js.

Building an offline-first PWA in 48 hours with Vue.js + TailwindCSS

Development

Another year, another Zoohackathon; 48 hours in the same building with a bunch of nerds, all working together to address wildlife conservation. This year was a blast.

TailwindCSS + Vuetensils = 😍 accessible and composable Vue components

Accessibility, Development, HTML, Vue.js

Vutensils 0.3.10 supports custom CSS classes. Combine it with TailwindCSS for semantic and accessible Vue components with totally custom style and no bloat.

Generating PDFs with Node, PDFkit, and Serverless on AWS Lambda

Development, JavaScript, Serverless

This post covers the minimum to create a Serverless function on AWS Lambda which generates PDFs using Node and PDFKit. No Express, HTML parsing, or S3 uploads.

Financial Advice I Wish Someone Had Given Me

Miscellaneous

Throughout my career, I’ve had the pleasure and privilege of mentoring others. It’s usually about software engineering, but often we get into tangential things such as finances. It’s come up enough times and folks have been grateful, so I thought…

How to prevent browser refresh, URL changes, or route navigation in Vue

Development, JavaScript, Vue.js

Every once in awhile in Vue, you want to prevent the user from navigating away from a route or reloading the page. This post covers how to do just that.

Easily build unique, accessible, and lightweight Vue components

Accessibility, Development, HTML, JavaScript, Vue.js

Checkout Vuetensils if you care about building accessible and lightweight Vue projects, but prefer to use your own custom styles.

Fundamental JS: Intl – An awesome JavaScript multitool

Development, JavaScript, Presentation, Video

Short introduction to various features of the JavaScript Intl object, or Internationalization API. Includes some helpful tips to reduce dependencies and bundle size.

JavaScript tips, tricks, and shortcuts for productivity

Development, JavaScript

A collection of several JavaScript tips and tricks I have picked up in my career. Many of these I did not know for a while and wish I learned sooner.