Ben Frain

For as long as I can recall, there's been a 'thing' in parts of the UK – honesty boxes.

It was not part of their blood, It came to them very late With long arrears to make good, When the English began to hate.

I had to make a modal recently, it happened to be in React, so some of what follows is React specific, but the principles are all good ol' CSS/HTML and JavaScript, so don't necassarily go running just because I'm using React here…. wait, where are you goi…

Imagine a HTML table, with alternating rows with different background colours.

You can watch the YouTube version of this review here.

Long term readers may wonder – VS Code, Ben?

I’m going to call this from the start.

If you want to take some first steps into the mad rabbit hole of ergonomic keyboards, I can recommend the Kinesis mWave.

In iOS26, Safari dropped support for/broke theme-color; the meta tag you coud add to your head to get colored bits at the top and bottom of your websites.

I’m happy to announce a new, bigger than ever, 5th edition of the best-selling book, Responsive Web Design with HTML5 and CSS.

You can’t use @supports to feature test for @starting-style.

Until recently I had taken only the most cursory look at View Transitions.

Introduction Let me tell you about a piece of hardware, I never thought I needed, but now wouldn’t be without.

I wanted a number of items, centered horizontally in a container, and when there are too many items to fit, the items should overflow the container, from left to right (first item flush with the left hand side of the container, overflowing items go off the

During last year, I championed how you can use rounded gradient borders with any background.

You can watch the YouTube version of this review here When I’m at my desk, typically, I use over the ear Bower and Wilkins Px7 headphones.

Forget about any of your AI nonsense, I’m talking good ol’ autocomplete.

So, you are in a situation where you have to use specific versions of Node, but don’t have access to NVM or N.

Watch this review on YouTube if you prefer?

For the last year I have been working hard on the video version of my best-selling book, Responsive Web Design with HTML5 and CSS.

Search for ‘is CSS Grid slower than Flexbox’ and you’ll find a few posts explaining that it is.

Want the video version?

I a 42-key keyboard for a couple of months to see how it compares to keyboards like the Glove80 and Advantage360; keyboards with nearly double the number of keys.

I have a fix for the perennial problem with position: sticky and overflow.

There are plenty of occasions when using an LSP to ‘rename’ a symbol isn’t possible.

The Model 100 is a split, ergonomic, programmable keyboard from Keyboardio Want to watch the video version of this review?

For the past ten days or so, I have been trying to gain some basic competency with SwiftUI.

A solution!

I’ve written a about my favourite Terminal emulator, Kitty, before.

You can watch the YouTube version of this review here: https://youtu.be/fVpinjluogQ I joined the Kickstarter for the Dygma Defy back in July 2022.

There are often times where I want to reset a sequence of chained animations I have made using WAAPI.

Another adventure using lit and another little ‘Gotcha’ I picked up from the good folks on the lit Discord.

When working with lit.dev templates, very occasionally I find myself needing a reference to DOM elements that are being created inside a loop.

The reason this post exists is because it took me sometime to figure this out, and there seems to be a lack of lit focused literature.

Update 20.11.23 — the current behaviour of not being able to interact with a popover above a modal dialog is ‘as spec’ but could maybe be tweaked.

This is a review of the Voyager from ZSA.

A narcissist is given a pass in the workplace because they perform a useful function for higher-ups.

Falling between two stalls I often find myself torn between the approaches of traditional and modal text editors.

Prettify your markdown There are dedicated markdown packages, but if you write in Sublime, here are some very simple tweaks you can make to get a lovely centered column, in the width of your choosing with spell checking enabled.

You can watch the video version of this review here Some users find a lot of comfort in tenting their split ergonomic keyboard – adjusting the pitch of the keyboard halves to allow a more natural angle between the wrist and where the hand sits while typin…

You arrived here because you have a Logitech MX Master 3 mouse, and sometimes you try and scroll up and it just doesn’t do anything.

This isn’t a substitute for d3 or chart.js.

If you’d rather see the video version of this review, you can watch it on YouTube here.

I swapped out the switches in my Advantage360, my most expensive keyboard, and broke it.

I want to share a way of working, which, using just your keyboard enables you to not only move the windows of an application around with ease, but crucially, switch between applications too.

I needed a single location to install my LSPs and other NPM related tools for Neovim, which allows for ‘locked down’ versions and without the need to install NPM packages globally.

If you want to see the video version of this content, it’s on my YouTube channel here: https://youtu.be/yMs97o_TdBU.

If you’d rather watch a video version, you can watch it here The Glove80, from MoErgo, joins a growing list of split, programmable, ergonomic keyboards.

This is the written version of this YouTube review.

This is the written version of this YouTube review.