Clik here to view.
Practical example of how to use BEM with Sass
On the web I’ve found a lot of good article’s about using BEM. But I missed a really simple (short) example of how to use BEM on a easy way with Sass. Especially sinces more and more Frontend...
View ArticleSimple Grunt setup
Recently I’ve decided to get more familiar with Grunt and create my own Gruntfile that would best suit the needs of the project I started working on. I learned about a great number of interesting...
View ArticleCreate a responsive grid framework with one mixin. Yes, one.
Okay, and a few variables. This is a mixin that creates your custom css grid framework. Super reusable and customizable if you want a responsive grid but don’t want to use exisiting frameworks. If you...
View ArticleOptimized performance with LoadCSS
There are many ways to optimize the performance of your website. Most developers are familiar with reducing the size of images or minifying JavaScript and CSS files to help doing that. However, they...
View ArticleElasticSearch metrics in Graphite
OK, sometimes monitoring can get out of hand pretty fast. While monitoring the status and performance of my ES cluster, I realized that I wanted to integrate the metrics I’m monitoring into Graphite...
View ArticleGetting an angle on Protractor – Part 1
The team I have been working in for the past 6 months has a love-hate relationship with Protractor and Selenium. Sometimes it can be a little more hate than love. On the one hand, our Protractor tests...
View ArticlePuppet4 (puppetserver) autosigning certificates
In my work environment, we auto-sign puppet certificates. Well actually, I haven’t found an environment where puppet certificates are not signed automatically, based on at least the autosign.conf...
View ArticleClik here to view.
Mixins, Extends and Placeholders
Since I met SASS I use it a lot for all my projects. It is a very powerful CSS processor and it gives us useful functionalities and a better control on our code, if we use it good. SASS is famous to...
View ArticleThe structure of a Shadow DOM
Let’s start with a small introduction about it first. Shadow DOM is a web standard that gives developers access to style and DOM scoping. HTML, CSS and JavaScript can be encapsulated. Basically, with...
View ArticleUX – The user’s behavior
In one of my previous posts I wrote about User Experience and how to start a new project considering the user’s prospective first. To go deeply into UX I’d like to write about the behavior of the...
View ArticleA simple loading indicator directive for Angular components
I often do not want to display certain components or sections of my Angular applications until the data they rely on has been loaded, and that data is frequently loaded by some higher level controller...
View ArticleA lightweight client and server side logging service for Angular
Server side logging is a requirement of my current project, so I wrote this simple lightweight logging service. It supports different logging levels so you can decide what is logged both in the client...
View ArticleAngular-Mocks
$httpBackend with Angular Mocks For my latest project I had to create a proof of concept with Angular that included a response from our service. Unfortunately we weren’t able to use this service due to...
View ArticleSails JS
Sails.js For most of my projects I will need a database to store my data. Normally we would set up a RestAPI which could take up a lot of time and thats why I want to introduce you to Sails.js, this...
View ArticleArticle 1
The future of development? Having been in multiple conversations about the future of development and also been drifting off into random thoughts about development in general, I thought I’d share some...
View ArticleLoRaWan Temperature & humidity sensor
I recently visited a LoRaWan workshop in the Netherlands where KPN (As in, the Dutch telecom provider) and Sodaq (As in, the manufacturer of some kick-ass arduino hardware) helped us getting a...
View ArticleClik here to view.
Make your commit message readable
How to make your commit message readable and clear for everybody? How to use the same commit structure for all team members? How to forget about disturbing when you write your commit message? The...
View ArticleEasy-to-use Angular Environment Checker
In my current project I faced an application which uses multiple environments, like test, development or release using different API endpoints. This issue results in stressful situations when a tester...
View ArticleGreyscale hover effect
Giving your website images a different feel with a hover grey scale. Its, really simple! First steps. First of load in the image and give the class (grey scale) <img class="grayscale"...
View ArticleDocker, Elastic, Kibana, PL/SQL, Python
Docker System Technological Updates 1. – Docker Problem Have you ever seen a server with multiple Bash or Korn scripts that get database information to visualize patterns. After a while the quantity of...
View Article
