Max Böck
-
Faster Horses
There's a famous quote that people in tech like to use. It was supposedly said by Henry Ford about the invention of the automobile: If I had asked my customers what they wanted, they would have said ‘faster horses’. There is no actual evidence that Ford ever said this - regardless, it has become a favorite…
Published
-
A year in review: 2024
2024 was in many ways a very challenging year for me, but it was also one of the most significant. This year’s annual review post is a bit different. In previous years, I reflected on the work that I did, the web projects I built, the posts that I wrote and so on. There was lots of that in 2024 too of…
Published
-
Going Buildless
The year is 2005. You're blasting a pirated mp3 of "Feel Good Inc" and chugging vanilla coke while updating your website. It’s just a simple change, so you log on via FTP, edit your style.css file, hit save - and reload the page to see your changes live. Did that story resonate with you? Well then congrats…
Published
-
Live CMS Previews with Sanity and Eleventy
Headless Content Management Systems are great because they decouple the frontend from the backend logic. However, sometimes this decoupling can also be a hinderance. When someone makes changes to the content via the CMS, they usually don’t get it done in one go and hit publish - it’s an iterative process…
Published
-
Upgrading to Eleventy v3
I took some time this week to upgrade my site to the newest version of Eleventy. Although v3.0.0 is still in alpha, I wanted to give it a try. This iteration of mxb.dev is already 7 years old, so some of its internal dependencies had become quite dusty. Thankfully with static sites that didn’t matter…
Published
-
Old Dogs, new CSS Tricks
A lot of new CSS features have shipped in the last years, but actual usage is still low. While there are many different reasons for the slow adoption, I think one of the biggest barriers are our own brains. New feature fatigue Permalink to “New feature fatigue” #Right now, we’re in the middle of a real…
Published
-
A year in review: 2023
Haven't done one of these since 2020, but this feels like a good opportunity to get some writing in just before the new year. Let's see if I can still remember how to do this blogging thing. Work Permalink to “Work” #We built a lot of interesting projects in 2023 with Codista, and we’ve had a very good…
Published
-
7 Reasons why I don't write
I have recently been made aware that the frequency of new content published on my site has gone down quite a bit. Ok fine, I trash-talked Manuel’s website on Mastodon and he correctly pointed out that while I wrote an impressive two (2) blogposts last year, he wrote around 90 (while also doing talks…
Published
-
The IndieWeb for Everyone
Dear Reader, Since there’s a good chance that you -like me- are involved in web development and/or have a special interest in technology, I want you to play along and engage in a thought experiment for this post: Imagine you’re a regular user. Imagine you have never heard of git branches, postgres or…
Published
-
Make Free Stuff
When I first fell in love with the web, it was a radically different place. Aside from the many technical improvements that have been made, I feel like the general culture of the web has changed a lot as well. Growing up with the web as a teenager meant having access to an infinite treasure chest of…
Published
-
Media Queries in Times of @container
With container queries now on the horizon - will we need media queries at all? Is there a future where we build responsive interfaces completely without them? Ethan, who coined the term responsive web design over a decade ago, has recently said that media-query-less layouts are certainly within bounds…
Published
-
Container Queries in Web Components
Container Queries are one of the most anticipated new features in CSS. I recently got a chance to play with them a bit and take the new syntax for a spin. I came up with this demo of a book store. Each of the books is draggable and can be moved to one of three sections, with varying available space.…
Published
-
Asset Pipelines in Eleventy
"Asset Pipeline" is a fancy way of describing a process that compiles CSS, Javascript or other things you want to transform from a bunch of sources to a production-ready output file. While some static site generators have a standardized way of handling assets, Eleventy does not. That’s a good thing …
Published
-
Medium-Style Share Highlights in Eleventy
I took a stab at building a plugin for Eleventy that lets me highlight selected pieces of text and provide users with an easy way to share them. This feature was first made popular by Medium, where authors can pick a “top highlight” in a post and hovering it will show a tooltip with sharing options.…
Published
-
Space Jam
The iconic 1996 "Space Jam" website was recently relaunched to promote the new movie. Thankfully, the developers still kept the old site around to preserve its intergalactic legacy. It’s not often that a website stays up mostly unchanged for 25 years. So out of curiosity, I ran a quick check on both…
Published
-
Webmention Analytics
I'm a fan of webmentions. I've written about how to use them before, and I'm quite happy with having them on my site. However, it can get difficult to see what’s going on with them - especially if there’s a lot of “background noise”. Many sites just scrape content from well-known blogs and republish…
Published
-
Making Persistent Build Folders in Netlify
Static Site Generators are all-or-nothing. Each time they build a new version of the site, they throw away everything that was created before and start from scratch. That’s usually what you want to ensure everything is up-to-date. But there are special cases when keeping parts of the previous build around…
Published
-
A year in review: 2020
I don't think I have to tell anyone why this year sucked, what with the pandemic and all. 2020 is going down in history as a massive crapstorm. Still, I want to continue the tradition of “end-of-the-year” blogposts and since there’s already enough doom out there these days, I’m trying to focus on the…
Published
-
Whimsical Website Club
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". It used to be cooler. It used to be weirder. As Sarah Drasner puts it in “In Defense of a Fussy Website”: While we’re all laser…
Published
-
The Return of the 90s Web
In big cultural concepts like music or fashion, things have a way of coming around full circle. I'm pretty sure someday grunge will come back as a hot new sample, and at some point our kids might think frosted hair tips are totally cool. When I look at some of the trends on the web today, I wonder if…
Published
-
Human Code
Violence and injustice are omnipresent these days. We’re faced with an ugly truth and it’s gut-wrenching to watch. Through my developer-centric filter bubble, I sometimes see the tech world react to times of crisis. Often our first instinct seems to be to turn to technology. Build something to fix this…
Published
-
Color Theme Switcher
Last year, the design gods decided that dark modes were the new hotness. "Light colors are for suckers", they laughed, drinking matcha tea on their fixie bikes or whatever. And so every operating system, app and even some websites (mine included) suddenly had to come up with a dark mode. Fortunately…
Published
-
Eleventy Résumé Builder
Last week I came across this post by Eric Bailey. In it he describes some of the issues he's seeing with overengineered, inaccessible résumés. This again addresses the over-reliance on powerful Javascript frameworks like React, even in cases where simple semantic HTML might be better suited for the task…
Published
-
The Emergency Website Kit
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. Just received a shelter-in-place emergency alert with a web address for more information. Clicked the link. The site is down. All…
Published
-
Making a Gigposter
Long before I wrote my first line of code, all I wanted to do was make music. I went to a music-focused high school, played in a couple of bands, and I loved it. I also loved making flyers, posters and CD artwork for local bands - It’s actually what got me started in design and ultimately led me to build…
Published
-
A year in review: 2019
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. Work Permalink to “Work” #At the beginning of 2019, I became a partner at Codista, the software studio where I’ve been working for some time now. Thomas…
Published
-
Webclerks Conference
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. Photo by Sergey Poliakov (Twitter) I have been to quite a few web development conferences as an attendee, and lately even as a speaker…
Published
-
Roads
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. First plans look promising. It’s really nice and modern. The old road had sidewalks and a bike lane, but these don’t really fit in with the new design and take too much time to build…
Published
-
IndieWeb Link Sharing
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. Posting a new short “note” on my site currently requires me to commit a new markdown file to the repository on Github. That’s doable (for a developer), but not really…
Published
-
Good Enough
There is a thing that happens to me while writing. I start with a fresh idea, excited to shape it into words. But as time passes, I lose confidence. The original concept starts to look shallow or irrelevant, and the phrases sound awkward and repetitive. It just doesn’t feel good anymore. I don’t think…
Published
-
The CSS Mindset
Ah yes, CSS. Hardly a week passes without it being the topic of a heated online discussion. It's too hard. It's too simple. It's unpredictable. It's not a real programming language. Peter Griffin struggles with blinds dot gif. I don’t know why CSS sparks so many different emotions in developers, but…
Published
-
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! What’s a Webring? Permalink to “What’s a Webring?” #It’s a blast from the past: In the 90s, sites about a common topic could join together in a central index…
Published
-
On Simplicity
In the 1997 movie "Contact", Jodie Foster discovers an alien signal that contains the construction plans for a spaceship. Trying to assemble it, the engineers are surprised to find that the crew capsule is just an empty metal pod. “That shit’s unsafe”, they say (I’m paraphrasing), so they attach a complicated…
Published
-
Using Webmentions in Eleventy
In last week's post, I talked about syndicating content from a static site to Twitter. But getting content out is only half the challenge. The real value of social media (apart from the massive ad revenue and dystopian data mining) is in the reactions we get from other people. The likes, reposts and…
Published
-
Syndicating Content to Twitter
One of the core principles of the IndieWeb is that people should own their own content. Controlling how and where they publish makes users more independent from big content silos. However, the main reason why people publish on Twitter / Medium or other platforms is that they can reach a much bigger audience…
Published
-
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. To help them, news platforms like CNN and NPR provide text-only versions of their sites: We have a text…
Published
-
Connection-Aware Components
Over the last decade, we have learned to embrace the uncertainty of developing for the web. We don’t design sites for specific screen dimensions anymore, we make them responsive. We don’t assume ideal browsers and devices, we use progressive enhancement. When it comes to connectivity though, we still…
Published
-
The Layouts of Tomorrow
If you’ve been to any web design talk in the last couple of years, you’ve probably seen this famous tweet by Jon Gold: which one of the two possible websites are you currently designing? pic.twitter.com/ZD0uRGTqqm— Jon Gold (@jongold) 2. Februar 2016 It mocks the fact that a lot of today’s websites look…
Published
-
Semantic JSX
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. Encapsulating pieces of UI this way makes it easier to compose larger systems, but it also hides the “bare bones” structure…
Published
-
CSS Grid Admin Dashboard
Good News! CSS Grid has been out for some time now, and browser support is very good. If you're building stuff on the web, this is definitely a tool you should have on your belt. Not only is grid worth checking out, it’s also ready to be used in production, today. You know - on the real web. Grid support…
Published
-
Building Skeleton Screens with CSS
This article was originally published on CSS-Tricks.com. Designing loading states on the web is often overlooked or dismissed as an afterthought. Performance is not only a developer's responsibility - building an experience that works with slow connections can be a design challenge as well. While developers…
Published
-
Offline-Friendly Forms
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. TL;DR: Here’s the CodePen Demo of this post. With the introduction of Service Workers, developers are now able to supply experiences…
Published
-
You're Offline
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. Earlier this week, I was sitting in a train on my way to speak at a local meetup. InterCity trains in Austria all have WIFI…
Published
-
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. The "add to homescreen" prompt in a PWA Turning a basic website into a PWA is not that hard and has a lot of real benefits, so I want to take a look at the…
Published
-
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. Well, it’s really quite simple – so here’s a quick rundown on how to make the bottles dance. You can…
Published
-
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. I started doing some pen-and-paper mockups and some concepts in Sketch, but the project details weren’t clearly defined yet, and things would…
Published
-
Three Goals for 2017
I've been a freelance web developer for about seven years now. I started making websites when I was still in school - I used to do fun little sites for local bands, events and other things. At some point I decided to do it professionally, registered my business and had my first real clients. I’ve learned…
Published
-
The Relaunch Post
Two weeks into 2017, I used some spare time to relaunch my website. I do this almost every year - not (only) because of my neverending quest to optimize the shit out of it, but because it’s a great way for me to try new things I want to learn on a “real life” project. Altough it’s a fairly simple site…
Published
-
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. Although I’m currently not looking for a (regular) job, I thought it would be interesting to try and answer…
Published
-
The Lost Art of the Gigposter
I’m a big fan of good looking band art. Sadly though, unlike other countries, Austria doesn’t really have a culture of well designed concert posters - they’re usually just bold type on bright neon paper stapled to a signpost. So for a long time, collecting and designing covers and gig posters for local…
Published
-
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. There’s different types of sound for different tasks - for example, I like to do creative work with calm, relaxed acoustic stuff. On the other hand, some…
Published
-
Travelling
For the last couple of years, I've been fortunate enough to see quite a few beautiful places on this planet. Most of these pictures were shot by my girlfriend, Tina. My Home Town, Vienna On a broken motorcycle, near the Pakistan border Buddhist temple at Borobudur, Java The hills of Granada, Spain Rainforest…
Published