Blog

SVG icon symbols or image masks?

The pros and cons of svg symbol and image masks.Read more

Overview of frontend tools and frameworks in the wild

Reason why I made this list is because I was curious how much tools and frameworks are available. And as you can see the list is quite overwhelming.Read more

What I learnt from using Content Security Policy

Read more

Create SVG charts and animations without a JS Library

There are a lot of libraries around to create svg and svg animations like Greensock, Raphael, SnapSVG, SVG.js. In my case I want to see how far you get with basic browser support. In this article I will show you some simple svg solutions and the issues I bumped into during development.Read more

Javascript for Frontend Developers

If you want to learn javascript, hopefully the list of resources below will help you to achieve your goals.Read more

Sublime Text, VSCode, Atom

Since 2013 I'm using SublimeText editor and wrote an how to about it to get you up and running. Now 5 years later I'm still using it. I've tested Atom and VSCode as well, but keep returning to SublimeText. In this post I'll explain what packages I need for my environment and why I still like SublimeText over Atom or VSCode.Read more

Minify javascript with GNU Make

In my former blog post I wrote an introduction how to set up Makefile to generate CSS and minify CSS from Sass files. In this blog post I will extend the Makefile with a rule for generating minified javascript files.Read more

GNU Make for running tasks

Every front end developer have heard of or is using one of the task runners like Grunt, Gulp, Broccoli. There are a lot of articles and how to's on the web about these tools. However, there is one that doesn't get a lot of attention and that is GNU Make. It was originally created by Stuart Feldman in April 1976. GNU Make is not really popular among front end developers, it has a steep learning curve in comparison with Grunt or Gulp and there are not much examples on how to use it for front end development. In this blog post I would like to change that, I will show you how you can use GNU Make as a task runner for front end development.Read more

Fronteers Conference 2016

Thursday 8 and Friday 9 October was the epic Fronteers conference. The topics were quite diverse from Progressive enhancement to webVR, from svg animations to mind blowing data visualisations. But also the future of the web had been discussed and how to deal with the Asian market which still use feature phones with proxy browser and a horrible data connection. This article is a summary with the highlights of the 2 day event.Read more

How to use svg icons in Django templates?

This blog post explains how you can use svg sprite and symbols in your django template.Read more

A vanilla JS and CSS tooltip

Creating a custom tooltip using vanilla JS and CSS.Read more

Font icons with Fontcustom and SASS

Generate icon fonts using Fontcustom and Sass.Read more

Create clickable rating stars with only SASS and HTML

In May, Roy Tomeij wrote the article "Configurable star rating without JS". I was thinking how to do this using a font icon instead of a background image and make the stars clickable. I believe it would take less code to write.Read more

Fronteers Conference 2014

On 9 and 10 october was the big event. Two days of inspiring talks and where you meet old friends and make new ones. This article gives a summary of most of the talks. The master of ceremony for this conference was Jake Archibald.Read more

Django form customization using Crispy Forms

At Dreamsolution we regularly use Crispy Forms to generate complex forms in Django. I want to share some practical customization examples with Crispy Forms using the formhelper API.Read more

Customize Sublime text editor

This article is a small tutorial with tips to configure Sublime to your needs, a list of interesting packages, how to customize a theme and links to useful documentation.Read more

CSS Day 2013 Amsterdam

Friday 14 june in Amsterdam I attended the CSSDay conference. Eight experts talked about 8 different CSS modules. The focus was on techniques of these modules we might not know about and the future of CSS. During the conference I learned that CSS is in very active development. It was an incredible, informative and awesome day. I hope that there will be another one within 1 or 2 years.Read more

Accessibility is also UX design

On January 8, 2013 there was a Fronteers meeting at Q42 in The Hague. Johan Huijkman (Q42) and Arend van Baarsen let us experience some accessability/usability issues. And gave us tips and advise.Read more

The zoom interface of www.rijksmuseum.nl

On January 8, 2013 there was a Fronteers meeting at Q42 in The Hague. Remco Veldkamp talked about the challenges he encountered when developing the responsive site for the collection of our National museum.Read more

There's a class for that

On January 8, 2013 there was a Fronteers meeting at Q42 in The Hague. Elaine Oliver talked about her experience of using Object Oriented CSS to create a flexible and powerful framework for the Dutch National Museum website.Read more

Fronteers Conference 2012

My first Fronteers Conference. Interesting talks and hang out with fellow front end developers. This page displays a list of all videos of the 2 day event.Read more