Kilian Valkhof

Front-end & user experience developer, Jedi.

Messenger Demo Viewer: demo (bot) interactions without showing personal chats

Chatbots, 7 March 2017

After you have made your awesome new Messenger bot, it’s time to demo it. If you made a bot for a professional client you don’t really want to give a demo with the always-present Messenger sidebar with your other personal chats visible for everyone.

Hocus Pocus: PostCSS to finish the trilogy

CSS & HTML, 26 January 2017

Back in 2014, nearly three years ago, I wrote about being tired of always writing a:hover, a:focus and wanting an a:hocus to do both for me. It got a lot of proposed solutions, including a Sass and a future-css one using CSS Aliases. In 2016, a year ago, I revisited the idea with CSS Custom Selectors and CSSNext. For this year, I’m rounding up the trilogy with a PostCSS plugin of my own.

6 things I learned creating my own Messenger chatbot

Chatbots, 19 January 2017

The modern messaging tools that chatbots run on offer much more ways to interact compared to what previous incarnations of chatbots had, such as those used on IRC or AIM. Much advise on building chatbots that’s out there quietly assumes that all chatbots are just text-in-text-out, which doesn’t match with the platforms they are on. I recently built a chatbot for Facebook Messenger, and these are six things I learned from using other bots in research, building the bot and watching people interact with it.



FromScratch is a cross-platform, simple but smart autosaving scratchpad.


Trimage lets you losslessy compress PNG and JPG images.


A celebration of horrendous kerning.