Kilian Valkhof

Front-end & user experience developer, Jedi.

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.

Sloped edges with consistent angle in CSS

CSS & HTML, Design, 4 January 2017

If you look above this text, you can see that the header of this blog has a sloped edge. It’s one of my favorite things about this site’s new design. The technique I used has a consistent angle regardless of screen size, can show background images and only needs one HTML element and no pseudo elements. Here’s how I did that.

Projects

FromScratch

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

Trimage

Trimage lets you losslessy compress PNG and JPG images.

FuckYeahKeming!

A celebration of horrendous kerning.