Blog

Read articles about Web Development topics like JavaScript, CSS, TDD and Front-End Architecture. Now and then I write an article about Life in general. Motivation, Investing and Psychology are my favorite subjects besides Web Development.

Exploratory TDD

I'm currently working hard on making TDD my default way of writing code. Although I've noticed that the more I practice TDD, the more easier it becomes, oftentimes I still fall back into writing dozens of lines of code with absolutely no tests covering them...

Read more

Git, the pedantic way

When people think about programmers, they think of pale nerds who sit in front of their computers and write code all day long. As we all know, this couldn't be further from the truth. In reality we're pale nerds, who spend most of our time siting in front of our computers reading (and trying to make sense of code), written by other people (or our past selves)...

Read more

Speeding up Nightwatch.js Powered Acceptance Tests

Today we're going to look at two ways of speeding up the process of running tests with Nightwatch.js – because faster is always better. The first small speed improvement can be achieved by eliminating Selenium from the setup...

Read more

Intelligent Design vs. Evolution

In the recent days I was confronted with the result of wrong planning in multiple (personal and professional) projects I work on. It is an unpleasant feeling if you have to refactor large parts of the architecture of a project because you've came to the realization that, what seemed like a good idea in the beginning, turned out to not work like you imagined it...

Read more

Two Tier Sass Variables / CSS Custom Properties

One of the hardest challenges when working with CSS (or Sass) at scale, is to keep everything consistent and maintainable. Sass variables or CSS custom properties can be a very useful tool to help with consistency and flexibility. Although variables can make your life as a developer a lot easier, there are many considerations you have to keep in mind when defining variables for your CSS framework...

Read more

The Ultimative Flexbox Based CSS Layout

Things are looking good on the CSS layout front. Flexbox can be used in all major browsers and CSS Grid Layout is almost at a point where browser support has reached a sweet spot – for some of us it might even be feasible to build production websites using CSS Grid Layout and some form of graceful fallback. Until the rest of us can also switch to CSS Grid Layout for good, we have to rely solely on Flexbox to serve all of our layout needs. But this is not a bad thing at all, Flexbox is pretty powerful by itself already...

Read more

Unit Testing Vue.js Single File Components with ava

Testing Vue.js components is different from testing regular JavaScript modules or classes in two ways. First of all Vue.js components depend on Vue.js, its global state and oftentimes on plugins like Vuex or the vue-router. Second, Vue.js single file components usually are compiled with webpack, the regular workflow of using Babel to compile JavaScript code before testing it, is not sufficient in this case. Let's find out how to deal with those challenges...

Read more