A site of technical musings, and the occasional rant.
Resize Observer
Cover photo credit: amirali mirhashemian In general I like to keep all of my layout control in CSS. It’s where stylistic controls belong. As…
Building a slideshow part 3 - UI Navigation
Cover photo credit: Ethan Eddins In this series we’re looking at how to create a slideshow on the modern web. So far we’ve covered snapping…
Building a slideshow part 2 - Keyboard controls
Cover photo credit: Madhu Shesharam In the last article we covered the how to keep a single full slide visible as the user is scrolling. Now…
Building a slideshow part 1 - scroll-snap
Cover photo credit: Teemu Paananen One of the things I’ve been wanting to do for a while is to play with CSS scroll-snap. There are a lot of…
Singletons in javascript
Cover photo credit: Stanislav Ivanitskiy In a tweet I sent out recently I discussed the use of singletons in Javascript. I got a reply from…
Mirgating away from momentjs - Part 1 - Deciding the successor
Cover photo credit: Christian Erfurt MomentJs recently announced that the library is now deprecated. This is a big deal for the javascript…
My challenges with functional programming in Javascript
Cover photo credit: Christian Erfurt WARNING: This is a rant. I am semi-new to functional programming, and my opinion is bound to change as…
The 1, 2, n pattern
Cover photo credit: Evan Dvorkin When do we create an abstraction? It’s an interesting question that has many different potential answers. I…
The Celibacy Pattern
Cover photo credit: Austin Mabe No this isn’t a discussion about personal relationship practices, but it is about a promise to remain a…
Into to Aurora Serverless
Cover photo credit: Lightscape This article will work with the AWS CDK as a means of creating an aurora serverless database cluster. If you…
ES6 Syntax - Array and Object Rest/Spread
Cover photo credit: Jessy Smith The ever progressing ECMA Script standard has brought a lot of awesome new syntax to Javascript. Today I…
AWS CDK - Gotchas, Tips, and Tricks
Cover photo credit: Anna Gru Before we get started you should know this is all drawn from personal experience working with the CDK. I love…
Introduction to the AWS Cloud Development Kit (CDK)
Cover photo credit: EJ Yao Before we get started, this post is not meant to be an introduction to AWS infrastructure in general. It has the…
lit-html Part 3 - Event listeners
Cover photo credit: Lee Campbell In a previous post I covered the basics of lit-html. If you haven’t read it yet, some of this post will…
lit-html Part 2 - Working with attributes and properties
Cover photo credit: Patrick Tomasso In my last post I covered the basics of lit-html. If you haven’t read it yet, some of this post will…
lit-html Part 1 - A solution for DOM management in web components
Cover photo credit: Tim Arterbury The power of web components is that we don’t have to rely on a framework. We can avoid framework fatigue…
CSS - position: sticky
Cover photo credit: Mae Mu At some point in your career as a web developer you will be asked to “just make it stay at the top while they…
Simpler UI Logic With Finite State Machines
Cover photo credit: twinsfisch Finite State Machines are a pattern that has been around for a long time. The basic idea is that a given…
StencilJs - Part 5 - @State Decorator
Cover photo credit: Alfred Schrock This article assumes you have a working knowledge of web components. If you don’t, please check out my…
StencilJs - Part 4 - @Event and @Listen Decorators
Cover photo credit: Alphacolor This article assumes you have a working knowledge of web components. If you don’t, please check out my…
StencilJs - Part 3 - @Prop, @Watch, and @Method Decorators
Cover photo credit: Drew Patrick Miller This article assumes you have a working knowledge of web components. If you don’t, please check out…
StencilJs - Part 2 - @Component decorator deep dive
Cover photo credit: Robin Glauser This article assumes you have a working knowledge of web components. If you don’t, please check out my…
StencilJs - Part 1 - Quick Introduction
Cover photo credit: Marija Zaric I’ve covered building native web components in a past series. There’s a lot of boilerplate that can creep…
`npm hook` a webhook for package changes
Cover photo credit: Kira auf der Heide Webhooks have become a part of our everyday lives as developers. Whether it’s Github kicking off a CI…
Material Components for Web - Part 1 - The basics
Cover photo credit: Iker Urteaga If you working with design on the web, then chances are very high you’ve heard of Google’s Material Design…
Using npm-link for package development
Cover photo credit: JJ Ying While writing a fair amount of API calls in javascript, I was getting frustrated with the process of validating…
Teams are a relationship
Cover photo credit: Helena Lopes Team: a number of persons associated together in work or activity. Our goal is to not just be a part of a…
Web Components Part 5 - Styling the shadow DOM, including slotted content
Cover photo credit: George Pagan III Before we get started This article requires a prior knowledge of Web Components. If you are new to web…
Web Components Part 4 - Best practices for the sane front-ender
Cover photo credit: Christian Wiediger Before we get started This article requires a prior knowledge of Web Components. If you are new to…
Web Components Part 3 - Slots
Cover photo credit: Jacqueline Macou Before we get started This article requires a prior knowledge of Web Components. If you are new to web…
Web Components Part 2 - Lifecycle callbacks
Cover photo credit: Artem Sapegin Before we get started I’ll talk purely about custom elements for this article. If you are unsure what a…
Web Components Part 1 - What and why
Cover photo credit: Pankaj Patel What are they? Web components are a set of web platform APIs that allow you to create new custom, reusable…
How to tell if an element is in the DOM (Including the Shadow DOM)
Cover photo credit: Sai Kiran Anagani What element lurks in hearts of documents… The shadow DOM doesn’t know So I ran into a scenario where…
Testing MomentJs with Jest
The date/time library MomentJs is among the most powerful date/time libraries available in javascript. It handles dates, times, and timezone…
Assuming roles in AWS with sudo-like agility
Meltwater just released awsudo, an npm package designed to make assuming AWS IAM roles on the command line trivial. Assuming an AWS IAM role…
