A Webring Kit
After Tatiana Mac proposed to bring webrings back, I hacked something new together over the weekend: A starter kit for hosting your own webring!
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.
Static Indieweb pt2: Using Webmentions
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.
Static Indieweb pt1: Syndicating Content
How to automatically publish content from a static site on Twitter, using Eleventy and Netlify's lambda functions.
The Hurricane Web
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.
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.
The Layouts of Tomorrow
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.
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.
CSS Grid Admin Dashboard
A closer look at how CSS grid layout can be used in production today, including fallback styles for flexbox.
Building Skeleton Screens with CSS
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...
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.
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.
How to turn your website into a PWA
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.
Bottle Slider Wiggle Effect
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.
Prototyping an App in Static HTML
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.
Three Goals for 2017
At the beginning of 2017, I did some thinking about where I wanted things to go for me.
The Relaunch Post
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.
Frontend Developer Interview Answers
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.
The Lost Art of the Gigposter
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.
Music to work to
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.
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.