Less Absolute Positioning With Modern CSS

Each time I work on a component that needs absolute positioning, I ask myself: is it really necessary? I started to notice a few use-cases where using position: absolute isn’t needed. I found this interesting and I thought about documenting the use-cases that I usually came through while working on front-end projects. In this article, […]

The Case for ‘Developer Experience’

There’s been a lot of buzz around APIs, “no code,” and “low code”: Developers can add new features more easily than ever before! While it’s true that this new wave of tools has helped developers build bigger systems, and build them faster, it turns out that developers are now spending their time worrying about an […]

Jekyll doesn’t do components? Liar!

09 Sep 2021🔖 web development jamstack 💬 EN Table of Contents Hot take: anyone who tells you that Jekyll doesn’t support component-based design, and that you need a React- or Vue-based static site generator, is wrong. Any basic fragment-of-HTML “component” you can define with JSX in a file and then cross-reference as <MyComponent key=”value” />, […]

Using the platform

I recently came across a series of articles by Daniel Kehoe where he introduces The Stackless Way, an optimistic take on web development that proposes we “use the platform” (modern features built into the language) instead of frameworks and build tools that keep getting replaced every few years. It was good timing. While I’m a […]

The Self Provisioning Runtime

If the Platonic ideal of Developer Experience is a world where you “Just Write Business Logic“, the logical endgame is a language+infrastructure combination that figures out everything else. Two paraphrases as assertions: People who are really serious about developer experience should make their own language or runtime. (quote) Developer Experience advances by extending the number […]

Twitter’s div Soup and Uglyfied CSS, Explained

Twitter web is a complex application built with React Native for Web – an implementation of the React Native components and APIs for the browser. React Native for Web provides cross platform primitives that normalize inconsistencies and allow to build web applications that are, among other things, touch friendly. To the eyes of somebody who’s […]

Embracing Asymmetrical Design

At InVision, few things give me as much joy as sitting in on a user interview. Users help me see and experience our product with fresh eyes. And one piece of fresh feedback that keeps coming up over-and-over again is the harmful effect that text-overflow: ellipsis has on our product’s accessibility. I already talked a […]

Designing Beautiful Shadows in CSS

In my humble opinion, the best websites and web applications have a tangible “real” quality to them. There are lots of factors involved to achieve this quality, but shadows are a critical ingredient. When I look around the web, though, it’s clear that most shadows aren’t as rich as they could be. The web is […]

Shadow Roots and Inheritance

I encountered a bit of a HTML/CSS oddity the other day, and was a little stumped as to what was happening so I thought I’d share what I learnt in case that helps other people stumbling across the same thing. The problem Take a basic <details> and <summary> combo: <details><summary>System Requirements</summary><p>Requires a computer running an […]

Fire SVG animations (SMIL) when the SVG is visible

Had a use case come in where the design had an SVG animation that ran one interation and only one. It looked like this (some content has been removed): If you’re on a device with a small vertical viewport size, you may not have noticed the above animation. Unfortunately the animations start (and complete!) whether […]

Pin It on Pinterest