RSS.Social

Ben Frain

follow: @[email protected]

Posts

Use @supports with a proxy feature/value for features you can’t test for (@starting-style)

First adventures in View Transitions

Review: Benq Screenbar Pro and Halo lightbars. The kit you never knew you needed!

Center items in a container, and make then left aligned when they overflow

A single element CSS donut timer/countdown timer, that can sit on any background

Review: Open Ear Headphones – Bose Open Ultra v Huawei FreeClip

In search of the perfect autocomplete for CSS

Managing multiple versions of node, without NVM or additional tools

Review: Keychron Q14 Max Alice 96 Key mechanical keyboard

NEW VIDEO COURSE: Responsive Web Design with HTML5 and CSS

Is CSS Grid really slower than Flexbox?

Review: Advantage360 Pro Signature Edition 2024 mechanical ergonomic keyboard

More Keys or Fewer Keys for mechanical keyboards

Yes! You can use position: sticky and overflow together

Neovim – how to do project-wide find and replace?

Review: Keyboardio Model 100, split, wooden, mechanical keyboard

Struggling to learn SwiftUI

How to create rounded gradient borders with any background in CSS

How to get equal size icons in the cmp completion menu of Neovim with Kitty terminal

Review: Dygma Defy, split, mechanical, programmable ergonomic keyboard

What’s the best way to reset WAAPI chained animations?

Using CSS @property inside shadowRoot (web components) workaround

Dynamically create a ref for items when iterating over them in lit.dev templates

Selecting and pausing running animations in Lit Web Components

New Web APIs — a popover on top of a dialog element can’t be interacted with?

Review: ZSA Voyager, split, mechanical keyboard

Russel Brand, narcissism, and a sadly common pattern…

When it comes to text editors, I feel like Goldilocks

Simple settings for writing and converting markdown with Sublime Text

Review: The ZSA Platform tenting kit for the Moonlander keyboard

Logitech MX Master 3/3s scroll wheel fix

Building a line graph with CSS clip-mask

Review: Dell 6K 32″ Monitor U3224KBA

I broke my keyboard! Swapping the key switches in the Kinesis Advantage360 Pro

HUGE macOS Productivity boost: Set-up simple, keyboard only, instant App switching and arrangement

Adding to $PATH for a central location for Neovim/NPM tools

Neovim Power Tips: Volume 2

Review: MoErgo Glove80, split, wireless, columnar ergonomic keyboard with RGB

Review: Kinesis Advantage 360 Pro — split ergo mechanical keyboard

Review: Dactyl Manuform – an ergonomic, custom built mechanical keyboard

How to animate along an SVG path at the same time the path animates?

Getting the context of Web Components (lit)

Update Q4 2022 — Free book chapter, and a mouseless Mac setup

Converting Display-p3 colors from Sketch to CSS values you can use in Safari

A CSS class-naming convention might still be your best choice

A git pre-push hook to run tests on a particular branch when you push

New book, Responsive Web Design with HTML5 and CSS, 4th Edition – out now!

Change text underline positions in Kitty terminal emulator

Extending Sublime Text to change selection direction and move by sentence

The easiest way to enhance your site with Display P3 colors