1. Webclerks Conference 2019

    general

    It has been three days now since I stood on stage at Urania Vienna, hearing Manuel close our very first conference. I'm still not really sure how we pulled that off.

  2. Roads

    general

    There's a small town that needs a new road. The old road is pretty worn and full of potholes, so it's time for a change.

  3. IndieWeb Link Sharing

    code

    A pain point of the IndieWeb is that it's sometimes not as convenient to share content as it is on the common social media platforms. Let's improve that.

  4. Good Enough

    writing

    Feeling like something isn't ready yet can keep many good ideas from going public. I'm trying out a new strategy to combat "publishing anxiety".

  5. The CSS Mindset

    code

    CSS can be difficult to grasp if you think about it in terms of a "traditional" programming language. There is a certain mindset involved that helps to understand why it works the way it does.

  6. A Webring Kit

    code

    After Tatiana Mac proposed to bring webrings back, I hacked something new together over the weekend: A starter kit for hosting your own webring!

  7. On Simplicity

    general

    We assume that complex problems always require complex solutions. But sometimes the smarter way to build things is to try and take some pieces away, rather than add more to it.

  8. Static Indieweb pt2: Using Webmentions

    code

    How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.

  9. Static Indieweb pt1: Syndicating Content

    code

    How to automatically publish content from a static site on Twitter, using Eleventy and Netlify's lambda functions.

  10. The Hurricane Web

    general

    As Hurricane Florence makes its way across the US southeast coast, many people are stuck in areas with severe flooding. These people rely on outside information, yet have limited bandwidth and power.

  11. Connection-Aware Components

    code

    The Network Information API provides insight into a user's network condition. Combining it with React might enable us to build sites that can respond to different connection speeds.

  12. The Layouts of Tomorrow

    code, design

    I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.

  13. Semantic JSX

    code

    The React JSX Syntax offers a layer of abstraction that's very useful for component-based systems - but it's easy to forget that everything you write ultimately compiles down to HTML.

  14. CSS Grid Admin Dashboard

    code

    A closer look at how CSS grid layout can be used in production today, including fallback styles for flexbox.

  15. Building Skeleton Screens with CSS

    code

    Designing loading states on the web is often overlooked or dismissed as an afterthought. Building an experience that works with slow connections is not only a developer's challenge...

  16. Offline-Friendly Forms

    code

    Forms on the web don't usually play nice with bad connections. If you try to submit a form while offline, you'll most likely just lose your input. Here's how we might fix that.

  17. You're Offline

    code

    A truly responsive website should adapt to all kinds of situations. Besides different viewport sizes, there are other factors to consider. A change in connectivity is one of them.

  18. How to turn your website into a PWA

    code

    A Progressive Web App, or PWA, uses modern web capabilities to deliver an app-like user experience. Any website can be a PWA - here's how to do it.

  19. Bottle Slider Wiggle Effect

    code, design

    I built this product slider as part of a wine shop I was working on in 2015, and since it's also featured in a case study here on my site, I had a couple of people asking me how the animation was done.

  20. Prototyping an App in Static HTML

    code

    I recently worked on a larger new web app. The product was in its early stages, so one of the first big tasks was to come up with a prototype for the UI design.

  21. Three Goals for 2017

    general

    At the beginning of 2017, I did some thinking about where I wanted things to go for me.

  22. The Relaunch Post

    code

    Two weeks into 2017, I used some spare time to relaunch this website. I do this as a way for me to try new things and catch up on latest techniques.

  23. Frontend Developer Interview Answers

    code

    I recently came across the H5BP’s Frontend Developer Interview Questions. It’s a collection of questions related to building websites, meant for employers to vet potential candidates for a job.

  24. The Lost Art of the Gigposter

    design

    I'm a big fan of good looking music posters. I used to do them myself back when I was in school, and my living room still features some of my favourite designs.

  25. Music to work to

    general

    I don't like to work in silence. Especially when I'm doing something that needs concentration, I keep my best focus with the right background music.

  26. Travelling

    general

    For the last couple of years, I've been fortunate enough to travel to quite a few beautiful places on this planet. Here are some of them.