With container queries now on the horizon - will we need media queries at all?
Container Queries are one of the most anticipated new features in CSS. I recently got a chance to play with them a bit and came up with this demo.
While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.
I built an Eleventy plugin to do Medium-style text highlights that can be shared. It uses a webcomponent, custom properties and the Web Share API.
I'm running a speed test on the new Space Jam site: the 1996 version on dial-up VS. the 2021 version on a 3G connection. Who will win?
I built a tool to analyze incoming webmentions. This new side project generates monthly reports to see how and where my content is mentioned.
I recently learned how to make persistent cache folders that stick around between builds on Netlify, and I'm using it to store webmention data.
I don't think I have to tell anyone why this year sucked. I still want to continue the end-of-the-year blogpost tradition, but focus on the good things that happened instead.
The web needs to take itself less seriously. It's barely out of its twenties and suddenly it's all like I can't make fansites for hippos anymore, I have businesses to run.
Are we ready to revisit some of the ideas of the early web again? There are trends that suggest we might just have come full circle - and I like it.
Some problems can’t be solved with technology. You can’t code away systemic racism, and you can’t design your way out of a human rights crisis.
Let users customize your website with their favorite color scheme! Your site has a dark mode? Mine has ten different themes now, and they're named after Mario Kart 64 race tracks.
A free template to generate semantic, accessible & resilient résumés for the web and print.
In cases of emergency, many organizations need a quick way to publish critical information. But existing (CMS) websites are often unable to handle sudden spikes in traffic.
How to create a custom print design for a Rage against the Machine show using Illustrator, Photoshop and zero drawing skills.
As the final hours of 2019 are winding down, I want to take a moment and look back at everything that happened this year - because it was a busy one.
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.
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.
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.
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".
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.
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.
How to pull interactions from social media platforms like Twitter back to your own site, using Webmentions, webmention.io and Bridgy.
How to automatically publish content from a static site on Twitter, using Eleventy and Netlify's lambda functions.
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.
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.
A closer look at how CSS grid layout can be used in production today, including fallback styles for flexbox.
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.
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.
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.
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.
At the beginning of 2017, I did some thinking about where I wanted things to go for me.
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.
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.
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.
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.