H.W. Sanden

I have done what I can to prevent increased traffic from creepy crawly scraping bots, but it seems mostly useless unless I make things more complicated for humans.

When thinking becomes a product, forcing people what to think is the endgame.

Venturing into Nordic noir, or Snøballkrim as I refer to it in Norwegian, I wasn’t prepared for the well-worn knitwear of stereotypes within.

Another piece of software claims to be able to generate web interfaces from graphics.

If most users say that a flow is good, we should make it so; if most say that the contrast is good, we should not take their word for it.

The typical chatbot experience is like a psychic cold-read session with C-3PO.

People don’t need call-to-action buttons.

There are two ways to nest lists in HTML, but only one communicates correctly.

Without modifiers, props or utilities In Making components with CSS nesting, we looked at different ways to make a keyword list component with and without links.

CSS nesting can help us write better frontends by moving our approach towards thinking more about the bigger picture.

Write CSS as CSS in CSS.

Getting fast at building frontend means going beyond trying to make something work as quickly as possible.

The key to understanding CSS is to get past the notion that frontend development is about producing visuals.

Getting verified commits on GitHub by signing git commits using an existing SSH key requires specific steps that current documentation fails to explain clearly, especially if you don’t want to regenerate keys or make a GPG key.

Separating concerns I recently used CSS has() to show and hide buttons based on the content of a sibling of the parent.

Using CSS has() to write complex selectors is fun, especially when we compare the logic to JavaScript and can see how different the two languages are at doing the same.

Images, text, music and other products from various so-called AI models will never be the artistic output it mimics because it’s not about creating; it’s just consumption.

Suppose you ask the so-called artificial intelligence (“AI”) why you like your favourite band.

My career-long aversion to post-it notes peaked after an intense period of workshops.

Getting people to participate in meetings, workshops and their field of expertise goes beyond removing gates and lowering thresholds.

Most interfaces, design systems and UI frameworks seem to be made by someone who has only heard stories of interfaces.

I needed to make a distributable global base config for the React version of chart.js that still allowed for local overriding.

Arguing against accessibility isn’t only about the inability to see things from the perspective of others.

With e.target, this and a bit of CSS, we can cover several use cases where we need to both register a click, or event, on an element and then do something with the same element.

When we work as if interfaces can reach completion, our fixes and new features tend to turn into redesign projects.

HTML, CSS and JS are not the output of our work, it is the matter we must know, account for and work with.

"Every team needs a role x" can mean two things, either plainly "we need expertise x to make y" or more complicated "if you don’t have role x, you don’t have expertise x".

I threw out React and saved the user from downloading 175 kB JavaScript spread across 1 bundle and 8 chunks.

I completed Harvard’s CS50x: CS50’s Introduction to Computer Science on the last day of October 2021 and received a passing grade a couple of weeks later.

Successfully designing web interfaces requires the intentional picking of HTML elements.

input type="date" in Safari renders an input much taller than others.

Sketches – complete drawings as interface blueprints – have no place in interface design.

Our job is not to control what every user gets but to give the interface the ability to perform the calculations it needs to provide enough flexibility.

Setting the font size like clamp(1.875rem, 3vw, 3.75rem) defeats the purpose of using rem.

“System fonts” sounds boring, like a choice not made.

Colour pages tend to be listed as one of the first items in a documentation because they are basic properties present in all other elements.

Style Stage is a project showcasing different ways to style one page just by switching the CSS.

Overflow, wrap and break Overflow happens when an element is bigger than its container.

Donut charts are not good at communicating.

When I set out to solve responsive tables, I figured it would take a whole team a couple of weeks and we would build a microscopic component to provide clever shuffling of div elements.

I’m fairly new to Hugo, but I’ve worked with my fair share of template languages to feel reasonably at home.

Never settle for default spacing The default spacing places headers in the middle between two paragraphs.

When to point out mistakes Never If it is one typo in some notes.

This site's setup is was unnecessarily complex.

The article is published on the Norwegian developer site, Kode24: Kode som overlegent designverktøy The English version can be read at the Bring developer blog: Code – the superior design tool

After having used SCSS/SASS for about five years, I recently quit.

Passwords should be set, not sent – and other things I thought about when someone talked about password-emailing as a natural part of the user registration.

The article can be found at the Bring developer blog: developer.bring.com/blog/zombie-css/

Before React Hooks, I used the React lifecycle method componentDidUpdate().

For years I wrote a bunch of nonsensical short texts.