Blog

Implementing an Authentication Flow with Passport and Netlify Functions

A few weeks ago I started working on a small side project where it is a requirement to authenticate users. It was pretty clear to me that I didn't want to roll my own custom authentication flow, but I didn't want to go the cheap way and work with Netlify Identity either, because although I'm sure it's great (like any Netlify service), I want to learn new things with my side projects. So I decided to go the middle way and use the very popular Passport Express middleware...

Read more

Accessible Custom Vue.js Select Component Part 2: Advanced

Today, we will follow the W3C guidelines, on how to build a collapsible dropdown, very closely, to create a solid custom form select Vue.js component that works well for both keyboard and screen reader users as well as people who use a mouse or their finger to browse the web...

Read more

Building Vue.js UI Components With HTML Semantics in Mind

When building modern, component-based client-side applications, we often tend to forget about the foundations of web development: HTML and CSS. Sometimes we act as if the rules of writing semantic HTML are somehow no longer relevant. But the opposite is true...

Read more

Working With Functional Vue.js Components

On my journey to find ways to improve the rendering performance of large scale Vue.js applications, I stumble upon functional components as a possible solution from time to time. But so far I've always found one or two reasons why I can't use them in my application...

Read more

Styling HTML Tables: How to Apply Margins, Borders and z-index on Table Elements

A long time ago there was practically no way around the HTML <table> element for creating complex layouts on the web. Fortunately, those days are long gone. Nowadays we only use the <table> element as it should be used: to display tabular data. However, only recently I was reminded again that styling tables is not as easy as one might think...

Read more

Observable REST API with Vue.js

Just recently I discovered a rather new feature in Vue.js: Vue.observable. It is used internally in Vue.js to make the object returned by the data() function of a component reactive. In this article we'll take a look at how we can use this new feature to build a very simple reactive polling system for a regular REST API...

Read more