Ben Frain https://benfrain.com Ben Frain – author and web developer Thu, 29 Jan 2026 11:02:23 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.1 Review: SoundPEATS Clip1 Open ear clip-on headphones https://benfrain.com/review-soundpeats-clip1-open-ear-clip-on-headphones/ https://benfrain.com/review-soundpeats-clip1-open-ear-clip-on-headphones/#respond Wed, 28 Jan 2026 22:49:09 +0000 https://benfrain.com/?p=4986 https://benfrain.com/review-soundpeats-clip1-open-ear-clip-on-headphones/feed/ 0 VS Code – highlight just the active indent guide https://benfrain.com/vs-code-highlight-just-the-active-indent-guide/ https://benfrain.com/vs-code-highlight-just-the-active-indent-guide/#respond Thu, 08 Jan 2026 22:39:57 +0000 https://benfrain.com/?p=4971 https://benfrain.com/vs-code-highlight-just-the-active-indent-guide/feed/ 0 Review: MoErgo Go60, a split ergonomic and fully programmable keyboard https://benfrain.com/review-moergo-go60-a-split-ergonomic-and-fully-programmable-keyboard/ https://benfrain.com/review-moergo-go60-a-split-ergonomic-and-fully-programmable-keyboard/#respond Sat, 06 Dec 2025 18:35:20 +0000 https://benfrain.com/?p=4957 https://benfrain.com/review-moergo-go60-a-split-ergonomic-and-fully-programmable-keyboard/feed/ 0 Review: Kinesis mWave mechanical ergonomic and programmable keyboard https://benfrain.com/review-kinesis-mwave-mechanical-ergonomic-and-programmable-keyboard/ https://benfrain.com/review-kinesis-mwave-mechanical-ergonomic-and-programmable-keyboard/#respond Sat, 06 Dec 2025 17:34:11 +0000 https://benfrain.com/?p=4946 https://benfrain.com/review-kinesis-mwave-mechanical-ergonomic-and-programmable-keyboard/feed/ 0 iOS26 Safari theme-color/tab-tinting with fixed position elements is a mess https://benfrain.com/ios26-safari-theme-color-tab-tinting-with-fixed-position-elements/ https://benfrain.com/ios26-safari-theme-color-tab-tinting-with-fixed-position-elements/#respond Sun, 16 Nov 2025 15:16:49 +0000 https://benfrain.com/?p=4938 https://benfrain.com/ios26-safari-theme-color-tab-tinting-with-fixed-position-elements/feed/ 0 New Book: Responsive Web Design with HTML5 and CSS, 5th Edition https://benfrain.com/new-book-responsive-web-design-with-html5-and-css-5th-edition/ https://benfrain.com/new-book-responsive-web-design-with-html5-and-css-5th-edition/#respond Mon, 20 Oct 2025 11:42:20 +0000 https://benfrain.com/?p=4924 https://benfrain.com/new-book-responsive-web-design-with-html5-and-css-5th-edition/feed/ 0 Use @supports with a proxy feature/value for features you can’t test for (@starting-style) https://benfrain.com/use-supports-with-a-proxy-feature-value-for-features-you-cant-test-for-starting-style/ https://benfrain.com/use-supports-with-a-proxy-feature-value-for-features-you-cant-test-for-starting-style/#respond Wed, 18 Jun 2025 09:18:06 +0000 https://benfrain.com/?p=4921 https://benfrain.com/use-supports-with-a-proxy-feature-value-for-features-you-cant-test-for-starting-style/feed/ 0 First adventures in View Transitions https://benfrain.com/first-adventures-in-view-transitions/ https://benfrain.com/first-adventures-in-view-transitions/#respond Mon, 12 May 2025 19:39:40 +0000 https://benfrain.com/?p=4908 https://benfrain.com/first-adventures-in-view-transitions/feed/ 0 Review: Benq Screenbar Pro and Halo lightbars. The kit you never knew you needed! https://benfrain.com/review-benq-screenbar-pro-and-halo-lightbars-the-kit-you-never-knew-you-needed/ https://benfrain.com/review-benq-screenbar-pro-and-halo-lightbars-the-kit-you-never-knew-you-needed/#comments Wed, 12 Feb 2025 22:39:09 +0000 https://benfrain.com/?p=4902 https://benfrain.com/review-benq-screenbar-pro-and-halo-lightbars-the-kit-you-never-knew-you-needed/feed/ 2 Center items in a container, and make then left aligned when they overflow https://benfrain.com/center-items-in-a-container-and-make-then-left-aligned-when-they-overflow/ https://benfrain.com/center-items-in-a-container-and-make-then-left-aligned-when-they-overflow/#respond Fri, 24 Jan 2025 17:13:17 +0000 https://benfrain.com/?p=4898 https://benfrain.com/center-items-in-a-container-and-make-then-left-aligned-when-they-overflow/feed/ 0 A single element CSS donut timer/countdown timer, that can sit on any background https://benfrain.com/a-single-element-css-donut-timer-countdown-timer-that-can-sit-on-any-background/ https://benfrain.com/a-single-element-css-donut-timer-countdown-timer-that-can-sit-on-any-background/#respond Tue, 07 Jan 2025 16:08:47 +0000 https://benfrain.com/?p=4894 https://benfrain.com/a-single-element-css-donut-timer-countdown-timer-that-can-sit-on-any-background/feed/ 0 Review: Open Ear Headphones – Bose Open Ultra v Huawei FreeClip https://benfrain.com/review-open-ear-headphones-bose-open-ultra-v-huawei-freeclip/ https://benfrain.com/review-open-ear-headphones-bose-open-ultra-v-huawei-freeclip/#respond Mon, 16 Dec 2024 20:02:24 +0000 https://benfrain.com/?p=4889 https://benfrain.com/review-open-ear-headphones-bose-open-ultra-v-huawei-freeclip/feed/ 0 In search of the perfect autocomplete for CSS https://benfrain.com/in-search-of-the-perfect-autocomplete-for-css/ https://benfrain.com/in-search-of-the-perfect-autocomplete-for-css/#respond Tue, 05 Nov 2024 10:35:52 +0000 https://benfrain.com/?p=4884 https://benfrain.com/in-search-of-the-perfect-autocomplete-for-css/feed/ 0 Managing multiple versions of node, without NVM or additional tools https://benfrain.com/managing-multiple-versions-of-node-without-nvm-or-additional-tools/ https://benfrain.com/managing-multiple-versions-of-node-without-nvm-or-additional-tools/#respond Mon, 21 Oct 2024 10:09:56 +0000 https://benfrain.com/?p=4874 https://benfrain.com/managing-multiple-versions-of-node-without-nvm-or-additional-tools/feed/ 0 Review: Keychron Q14 Max Alice 96 Key mechanical keyboard https://benfrain.com/review-keychron-q14-max-alice-96-key-mechanical-keyboard/ https://benfrain.com/review-keychron-q14-max-alice-96-key-mechanical-keyboard/#respond Tue, 24 Sep 2024 17:20:46 +0000 https://benfrain.com/?p=4860 https://benfrain.com/review-keychron-q14-max-alice-96-key-mechanical-keyboard/feed/ 0 NEW VIDEO COURSE: Responsive Web Design with HTML5 and CSS https://benfrain.com/new-video-course-responsive-web-design-with-html5-and-css/ https://benfrain.com/new-video-course-responsive-web-design-with-html5-and-css/#comments Sun, 11 Aug 2024 15:51:42 +0000 https://benfrain.com/?p=4857 https://benfrain.com/new-video-course-responsive-web-design-with-html5-and-css/feed/ 3 Is CSS Grid really slower than Flexbox? https://benfrain.com/is-css-grid-really-slower-than-flexbox/ https://benfrain.com/is-css-grid-really-slower-than-flexbox/#comments Mon, 05 Aug 2024 17:44:33 +0000 https://benfrain.com/?p=4852 https://benfrain.com/is-css-grid-really-slower-than-flexbox/feed/ 1 Review: Advantage360 Pro Signature Edition 2024 mechanical ergonomic keyboard https://benfrain.com/review-advantage360-pro-signature-edition-2024-mechanical-ergonomic-keyboard/ https://benfrain.com/review-advantage360-pro-signature-edition-2024-mechanical-ergonomic-keyboard/#respond Wed, 24 Jul 2024 22:24:10 +0000 https://benfrain.com/?p=4845 https://benfrain.com/review-advantage360-pro-signature-edition-2024-mechanical-ergonomic-keyboard/feed/ 0 More Keys or Fewer Keys for mechanical keyboards https://benfrain.com/more-keys-or-fewer-keys-for-mechanical-keyboards/ https://benfrain.com/more-keys-or-fewer-keys-for-mechanical-keyboards/#comments Sun, 30 Jun 2024 21:41:22 +0000 https://benfrain.com/?p=4834 https://benfrain.com/more-keys-or-fewer-keys-for-mechanical-keyboards/feed/ 2 Yes! You can use position: sticky and overflow together https://benfrain.com/yes-you-can-use-position-sticky-and-overflow-together/ https://benfrain.com/yes-you-can-use-position-sticky-and-overflow-together/#respond Thu, 20 Jun 2024 11:22:00 +0000 https://benfrain.com/?p=4829 https://benfrain.com/yes-you-can-use-position-sticky-and-overflow-together/feed/ 0 Neovim – how to do project-wide find and replace? https://benfrain.com/neovim-how-to-do-project-wide-find-and-replace/ https://benfrain.com/neovim-how-to-do-project-wide-find-and-replace/#respond Fri, 12 Apr 2024 20:43:49 +0000 https://benfrain.com/?p=4806 https://benfrain.com/neovim-how-to-do-project-wide-find-and-replace/feed/ 0 Review: Keyboardio Model 100, split, wooden, mechanical keyboard https://benfrain.com/review-keyboardio-model-100-split-wooden-mechanical-keyboard/ https://benfrain.com/review-keyboardio-model-100-split-wooden-mechanical-keyboard/#respond Thu, 11 Apr 2024 22:07:27 +0000 https://benfrain.com/?p=4796 https://benfrain.com/review-keyboardio-model-100-split-wooden-mechanical-keyboard/feed/ 0 Struggling to learn SwiftUI https://benfrain.com/struggling-to-learn-swiftui/ https://benfrain.com/struggling-to-learn-swiftui/#comments Thu, 15 Feb 2024 15:36:04 +0000 https://benfrain.com/?p=4789 https://benfrain.com/struggling-to-learn-swiftui/feed/ 1 How to create rounded gradient borders with any background in CSS https://benfrain.com/how-to-create-rounded-gradient-borders-with-any-background-in-css/ https://benfrain.com/how-to-create-rounded-gradient-borders-with-any-background-in-css/#comments Mon, 05 Feb 2024 14:44:49 +0000 https://benfrain.com/?p=4786 https://benfrain.com/how-to-create-rounded-gradient-borders-with-any-background-in-css/feed/ 3 How to get equal size icons in the cmp completion menu of Neovim with Kitty terminal https://benfrain.com/how-to-get-equal-size-icons-in-the-cmp-completion-menu-of-neovim-with-kitty-terminal/ https://benfrain.com/how-to-get-equal-size-icons-in-the-cmp-completion-menu-of-neovim-with-kitty-terminal/#comments Wed, 17 Jan 2024 21:59:32 +0000 https://benfrain.com/?p=4777 https://benfrain.com/how-to-get-equal-size-icons-in-the-cmp-completion-menu-of-neovim-with-kitty-terminal/feed/ 1 Review: Dygma Defy, split, mechanical, programmable ergonomic keyboard https://benfrain.com/review-dygma-defy-split-mechanical-programmable-ergonomic-keyboard/ https://benfrain.com/review-dygma-defy-split-mechanical-programmable-ergonomic-keyboard/#respond Wed, 10 Jan 2024 21:40:15 +0000 https://benfrain.com/?p=4765 https://benfrain.com/review-dygma-defy-split-mechanical-programmable-ergonomic-keyboard/feed/ 0 What’s the best way to reset WAAPI chained animations? https://benfrain.com/whats-the-best-way-to-reset-waapi-chained-animations/ https://benfrain.com/whats-the-best-way-to-reset-waapi-chained-animations/#respond Thu, 21 Dec 2023 12:59:56 +0000 https://benfrain.com/?p=4759 https://benfrain.com/whats-the-best-way-to-reset-waapi-chained-animations/feed/ 0 Using CSS @property inside shadowRoot (web components) workaround https://benfrain.com/using-css-property-inside-shadowroot-web-components-workaround/ https://benfrain.com/using-css-property-inside-shadowroot-web-components-workaround/#comments Tue, 12 Dec 2023 16:19:10 +0000 https://benfrain.com/?p=4756 https://benfrain.com/using-css-property-inside-shadowroot-web-components-workaround/feed/ 2 Dynamically create a ref for items when iterating over them in lit.dev templates https://benfrain.com/dynamically-create-a-ref-for-items-when-iterating-over-them-in-lit-dev-templates/ https://benfrain.com/dynamically-create-a-ref-for-items-when-iterating-over-them-in-lit-dev-templates/#respond Tue, 28 Nov 2023 12:31:08 +0000 https://benfrain.com/?p=4744 https://benfrain.com/dynamically-create-a-ref-for-items-when-iterating-over-them-in-lit-dev-templates/feed/ 0 Selecting and pausing running animations in Lit Web Components https://benfrain.com/selecting-and-pausing-running-animations-in-lit-web-components/ https://benfrain.com/selecting-and-pausing-running-animations-in-lit-web-components/#respond Fri, 17 Nov 2023 16:59:11 +0000 https://benfrain.com/?p=4739 https://benfrain.com/selecting-and-pausing-running-animations-in-lit-web-components/feed/ 0 New Web APIs — a popover on top of a dialog element can’t be interacted with? https://benfrain.com/failing-with-multiple-dialog-elements-understanding-the-top-layer-and-popovers/ https://benfrain.com/failing-with-multiple-dialog-elements-understanding-the-top-layer-and-popovers/#comments Tue, 14 Nov 2023 17:38:42 +0000 https://benfrain.com/?p=4732 https://benfrain.com/failing-with-multiple-dialog-elements-understanding-the-top-layer-and-popovers/feed/ 2 Review: ZSA Voyager, split, mechanical keyboard https://benfrain.com/review-zsa-voyager-split-mechanical-keyboard/ https://benfrain.com/review-zsa-voyager-split-mechanical-keyboard/#comments Sun, 12 Nov 2023 12:29:45 +0000 https://benfrain.com/?p=4711 https://benfrain.com/review-zsa-voyager-split-mechanical-keyboard/feed/ 18 Russel Brand, narcissism, and a sadly common pattern… https://benfrain.com/russel-brand-narcissism-and-a-sadly-common-pattern/ https://benfrain.com/russel-brand-narcissism-and-a-sadly-common-pattern/#respond Mon, 18 Sep 2023 12:26:06 +0000 https://benfrain.com/?p=4706 https://benfrain.com/russel-brand-narcissism-and-a-sadly-common-pattern/feed/ 0 When it comes to text editors, I feel like Goldilocks https://benfrain.com/when-it-comes-to-text-editors-i-feel-like-goldilocks/ https://benfrain.com/when-it-comes-to-text-editors-i-feel-like-goldilocks/#comments Thu, 07 Sep 2023 16:29:00 +0000 https://benfrain.com/?p=4692 https://benfrain.com/when-it-comes-to-text-editors-i-feel-like-goldilocks/feed/ 4 Simple settings for writing and converting markdown with Sublime Text https://benfrain.com/markdown-settings-for-sublime-text/ https://benfrain.com/markdown-settings-for-sublime-text/#comments Thu, 03 Aug 2023 17:13:19 +0000 https://benfrain.com/?p=4687 https://benfrain.com/markdown-settings-for-sublime-text/feed/ 2 Review: The ZSA Platform tenting kit for the Moonlander keyboard https://benfrain.com/review-the-zsa-platform-tenting-kit-for-the-moonlander-keyboard/ https://benfrain.com/review-the-zsa-platform-tenting-kit-for-the-moonlander-keyboard/#respond Fri, 21 Jul 2023 09:25:11 +0000 https://benfrain.com/?p=4681 https://benfrain.com/review-the-zsa-platform-tenting-kit-for-the-moonlander-keyboard/feed/ 0 Logitech MX Master 3/3s scroll wheel fix https://benfrain.com/logitech-mx-master-3-3s-scroll-wheel-fix/ https://benfrain.com/logitech-mx-master-3-3s-scroll-wheel-fix/#comments Fri, 14 Jul 2023 10:55:59 +0000 https://benfrain.com/?p=4679 https://benfrain.com/logitech-mx-master-3-3s-scroll-wheel-fix/feed/ 9 Building a line graph with CSS clip-mask https://benfrain.com/building-a-line-graph-with-css-clip-mask/ https://benfrain.com/building-a-line-graph-with-css-clip-mask/#comments Fri, 23 Jun 2023 09:38:14 +0000 https://benfrain.com/?p=4677 https://benfrain.com/building-a-line-graph-with-css-clip-mask/feed/ 3 Review: Dell 6K 32″ Monitor U3224KBA https://benfrain.com/review-dell-6k-32-monitor-u3224kba/ https://benfrain.com/review-dell-6k-32-monitor-u3224kba/#comments Fri, 02 Jun 2023 18:28:10 +0000 https://benfrain.com/?p=4659 https://benfrain.com/review-dell-6k-32-monitor-u3224kba/feed/ 6 I broke my keyboard! Swapping the key switches in the Kinesis Advantage360 Pro https://benfrain.com/i-broke-my-keyboard-swapping-the-key-switches-in-the-kinesis-advantage360-pro/ https://benfrain.com/i-broke-my-keyboard-swapping-the-key-switches-in-the-kinesis-advantage360-pro/#comments Wed, 03 May 2023 22:07:47 +0000 https://benfrain.com/?p=4645 https://benfrain.com/i-broke-my-keyboard-swapping-the-key-switches-in-the-kinesis-advantage360-pro/feed/ 5 HUGE macOS Productivity boost: Set-up simple, keyboard only, instant App switching and arrangement https://benfrain.com/huge-macos-productivity-boost-set-up-simple-keyboard-only-instant-app-switching-and-arrangement/ https://benfrain.com/huge-macos-productivity-boost-set-up-simple-keyboard-only-instant-app-switching-and-arrangement/#respond Tue, 18 Apr 2023 21:42:09 +0000 https://benfrain.com/?p=4635 https://benfrain.com/huge-macos-productivity-boost-set-up-simple-keyboard-only-instant-app-switching-and-arrangement/feed/ 0 Adding to $PATH for a central location for Neovim/NPM tools https://benfrain.com/adding-to-path-for-a-central-location-for-neovim-npm-tools/ https://benfrain.com/adding-to-path-for-a-central-location-for-neovim-npm-tools/#respond Wed, 22 Mar 2023 20:50:41 +0000 https://benfrain.com/?p=4627 https://benfrain.com/adding-to-path-for-a-central-location-for-neovim-npm-tools/feed/ 0 Neovim Power Tips: Volume 2 https://benfrain.com/neovim-power-tips-volume-2/ https://benfrain.com/neovim-power-tips-volume-2/#comments Wed, 15 Mar 2023 23:03:16 +0000 https://benfrain.com/?p=4621 https://benfrain.com/neovim-power-tips-volume-2/feed/ 1 Review: MoErgo Glove80, split, wireless, columnar ergonomic keyboard with RGB https://benfrain.com/review-moergo-glove80-split-wireless-columnar-ergonomic-keyboard-with-rgb/ https://benfrain.com/review-moergo-glove80-split-wireless-columnar-ergonomic-keyboard-with-rgb/#comments Sat, 11 Mar 2023 16:30:53 +0000 https://benfrain.com/?p=4611 https://benfrain.com/review-moergo-glove80-split-wireless-columnar-ergonomic-keyboard-with-rgb/feed/ 1 Review: Kinesis Advantage 360 Pro — split ergo mechanical keyboard https://benfrain.com/review-kinesis-advantage-360-pro-split-ergo-mechanical-keyboard/ https://benfrain.com/review-kinesis-advantage-360-pro-split-ergo-mechanical-keyboard/#comments Mon, 02 Jan 2023 14:18:18 +0000 https://benfrain.com/?p=4573 https://benfrain.com/review-kinesis-advantage-360-pro-split-ergo-mechanical-keyboard/feed/ 3 Review: Dactyl Manuform – an ergonomic, custom built mechanical keyboard https://benfrain.com/review-dactyl-manuform-an-ergonomic-custom-built-mechanical-keyboard/ https://benfrain.com/review-dactyl-manuform-an-ergonomic-custom-built-mechanical-keyboard/#respond Sun, 01 Jan 2023 16:54:51 +0000 https://benfrain.com/?p=4563 https://benfrain.com/review-dactyl-manuform-an-ergonomic-custom-built-mechanical-keyboard/feed/ 0 How to animate along an SVG path at the same time the path animates? https://benfrain.com/how-to-animate-along-an-svg-path-at-the-same-time-the-path-animates/ https://benfrain.com/how-to-animate-along-an-svg-path-at-the-same-time-the-path-animates/#respond Wed, 21 Dec 2022 15:46:42 +0000 https://benfrain.com/?p=4555 https://benfrain.com/how-to-animate-along-an-svg-path-at-the-same-time-the-path-animates/feed/ 0 Getting the context of Web Components (lit) https://benfrain.com/getting-the-context-of-web-components-lit/ https://benfrain.com/getting-the-context-of-web-components-lit/#comments Thu, 10 Nov 2022 13:04:07 +0000 https://benfrain.com/?p=4549 https://benfrain.com/getting-the-context-of-web-components-lit/feed/ 10 Update Q4 2022 — Free book chapter, and a mouseless Mac setup https://benfrain.com/update-q4-2022-free-book-chapter-and-a-mouseless-mac-setup/ https://benfrain.com/update-q4-2022-free-book-chapter-and-a-mouseless-mac-setup/#respond Thu, 10 Nov 2022 11:07:54 +0000 https://benfrain.com/?p=4546 https://benfrain.com/update-q4-2022-free-book-chapter-and-a-mouseless-mac-setup/feed/ 0 Converting Display-p3 colors from Sketch to CSS values you can use in Safari https://benfrain.com/converting-display-p3-colors-from-sketch-to-css-values-you-can-use-in-safari/ https://benfrain.com/converting-display-p3-colors-from-sketch-to-css-values-you-can-use-in-safari/#respond Wed, 12 Oct 2022 20:19:24 +0000 https://benfrain.com/?p=4526 https://benfrain.com/converting-display-p3-colors-from-sketch-to-css-values-you-can-use-in-safari/feed/ 0