Web development projects

• 

  

  Boords

  Web Development, 2017 - present

  An online tool for creating and sharing storyboards for videos, animations, and similar productions. I joined the company as employee number one.

  Over my time here, I've developed an in-browser frame editor/drawing tool, a tool to turn your storyboards into basic animations with sound (animatics), a script editor, a new in-browser PDF export and various other smaller features (next to the usual maintenance and performance optimisations).

  Read more…

• 

  Cluster Player

  Coding, 2019 - present

  Spotify's generated and curated playlists didn't really work for me and my wife while we're working, so as a side project I made a tool that generates a fresh playlist at the push of a button.

  It allows you to create a mix of "moods" of music you want to listen to consisting of "clusters" of similar moods, while preventing tracks and artists from occurring too often.

  Read more…
• 

  Generative Music

  Coding, 2017 - present

  An experiment in creating a generative music system (basically: teaching my computer how to compose ambient music), inspired by some of Brian Eno's work. Especially the album Reflection and the apps he made in collaboration with Peter Chilvers.

  Read more…

• 

  Zukini

  Everything, 2014 - 2018

  Frustrated by terrible restaurant/cafe websites that don’t have the info that you need, or simply don't work on mobile, I wanted to make something that enables owners to get a great online presence, fast, so for a few years I occasionally worked on my own product; a service for restaurant/cafe owners to take their business online. A hosted website platform tailored specifically to restaurants and cafes.

  I shelved the project in 2018 for various reasons; changing landscapes, lack of a testing audience, and a change of personal priorities. It is a bit of a shame, but I guess that's how stuff goes. I learned a lot, anyway.

  Read more…
• 

  Card Builder

  Front-End Development, 2015 (for Edenspiekermann)

  Together with German newspaper Die Zeit, our team developed an editorial tool for delivering rich, interactive stories for consumption on all kinds of devices: The Card Builder.

  The time frame and the interactive nature of the card stacks made this a challenging project. A lot of modern technology was used to ensure the experience was snappy, exciting, and reliable. Technically, the product featured ReactJS, dynamically generated stylesheet and JS bundles per customer, server-side rendering (and includes), responsive images, and lazy loading. The project has since been taken offline.

• 

  SoundCloud

  Web Development + Product Design, 2011 - 2014

  In my 3.5 years at SoundCloud I worked mostly on the core web products (+related products) and some internal tools. I later joined the Growth team as both a front-end engineer and product designer, where I created a new version of user onboarding, various email campaigns, and designs for the settings page.

  Read more…
• 

  Nebula.css

  JavaScript, 2015 - 2016

  In 2015, while CSS utility classes were coming up as a practical way of dealing with large codebases, I created a system and CSS framework which generates these utility classes based on design rules like spacing, colours, and makes those responsive. It could be used as the foundation for websites and aid with rapid prototyping.

  Although it never really passed beyond work-in-progress because of a lack of time, I based multiple websites on it (including this one). It was the backbone for Zukini, and many of the ideas here were also found in later projects like Tachyons and Tailwind (one of the most popular CSS frameworks right now).

  Read more…
• 

  react-bem-helper

  JavaScript, 2015 - 2017

  The BEM methodology is a great way of structuring your CSS, but it does lead to some repetition while writing out your HTML and CSS. I created a small JavaScript module that takes some of this redundancy away when working with React Components, making the code easier to scan and work with.

  Now with the advent of CSS modules, the necessity of BEM and this module is a bit lower, but when CSS modules are not in use, the module is still very useful. This was my first open-source NPM package, and I'm happy to see that it has 17,883 weekly downloads on NPM.

  react-bem-helper on Github
• 

  Wallπ

  Design & Development, 2012

  At the Music Hack Day in Reykjavik in 2012, I made a tool that visualises the sound from an album by your favourite artist and allows you to put it on your wall. It works by fetching tracks from Last.fm, audio analysis data from The Echonest, and then drawing that data on a canvas. The colour of the artwork is automatically generated from the cover art.