Custom elements are around for quite some time, but after watching the latest episode of “Supercharged” which is about building a router component with custom elements, I felt the urge to fiddle around with it, too. To create a custom element with today’s modern APIs, there’s still some boilerplate code to write. And because I want to try out JS decorators as well, I build a simple decorator for classes which reduces the amount of this repetitive code a little bit....

In the last post I introduced a push notification feature for this blog, which requires a Service Worker. This post is about making more use of this Service Worker by improving the (offline) user experience with Service Worker Toolbox. In case you don’t know what this Service Worker thingy is, I can recommend reading this and this article. Feature overkill? In order to cache resources and intercept requests there’s quite some code to write....

With this day I finally implemented a simple subscription system using push notifications for new posts! 🚀 To get notified when a new post is published, simply check the box in the navigation panel and you’re registered. You will be asked to give your permission for this site to send you notifications. You can confirm it, I won’t spam you, I promise! If there’s no button visible, your browser lacks support for the required technologies 👎...

Devdocs.io is awesome. It gives you access to many frameworks, libraries and technologies at the end of your fingertips with a simple, but powerful search. Another great feature is that you can use this service offline as well, as you can select which documentation should be available even with no connection. And did I mention that it’s free? 🚀 The only aspect I could criticize is that there’s no real ’native’ app you could use on your pc or mac....

In the last post, I presented a simple setup to compile ES2015 JS code. Gulp was used there as a task runner and in this article I’ll show you a simple way to black-box-test your gulp tasks. The gulp task The first step I suggest to do, is to structure your gulp tasks/functions in a modular way, if not already done. For example, my task to compile ES2015 code and bundle the modules could look like this:...