In search of the perfect autocomplete for CSS Post date November 5, 2024 Post author By Ben Frain Post categories In neovim, sublime text, vscode, Web Dev
Managing multiple versions of node, without NVM or additional tools Post date October 21, 2024 Post author By Ben Frain Post categories In node, nvm, path, Web Dev
Review: Keychron Q14 Max Alice 96 Key mechanical keyboard Post date September 24, 2024 Post author By Ben Frain Post categories In Keyboards, Keychron, review
NEW VIDEO COURSE: Responsive Web Design with HTML5 and CSS Post date August 11, 2024 Post author By Ben Frain Post categories In writing
Is CSS Grid really slower than Flexbox? Post date August 5, 2024 Post author By Ben Frain Post categories In CSS performance, flexbox, grid, Web Dev
Review: Advantage360 Pro Signature Edition 2024 mechanical ergonomic keyboard Post date July 24, 2024 Post author By Ben Frain Post categories In review
More Keys or Fewer Keys for mechanical keyboards Post date June 30, 2024 Post author By Ben Frain Post categories In Tech-tip, Web Dev, writing
Yes! You can use position: sticky and overflow together Post date June 20, 2024 Post author By Ben Frain Post categories In overflow: clip, sticky, Web Dev
Neovim – how to do project-wide find and replace? Post date April 12, 2024 Post author By Ben Frain Post categories In neovim, Text Editing, Web Dev
Review: Keyboardio Model 100, split, wooden, mechanical keyboard Post date April 11, 2024 Post author By Ben Frain Post categories In Mechanical Keyboards, review
Struggling to learn SwiftUI Post date February 15, 2024 Post author By Ben Frain Post categories In learning, Personal, swiftui
How to create rounded gradient borders with any background in CSS Post date February 5, 2024 Post author By Ben Frain Post categories In css, Tip, Web Dev
How to get equal size icons in the cmp completion menu of Neovim with Kitty terminal Post date January 17, 2024 Post author By Ben Frain Post categories In kitty, neovim, Tech-tip, Web Dev
Review: Dygma Defy, split, mechanical, programmable ergonomic keyboard Post date January 10, 2024 Post author By Ben Frain Post categories In Dygma, Mechanical Keyboards, review, writing
What’s the best way to reset WAAPI chained animations? Post date December 21, 2023 Post author By Ben Frain Post categories In JavaScript, waapi, Web Dev
Using CSS @property inside shadowRoot (web components) workaround Post date December 12, 2023 Post author By Ben Frain Post categories In @property, conical-gradient, lit.dev, Web Dev
Dynamically create a ref for items when iterating over them in lit.dev templates Post date November 28, 2023 Post author By Ben Frain Post categories In JavaScript, lit, typescript, Web Dev
Selecting and pausing running animations in Lit Web Components Post date November 17, 2023 Post author By Ben Frain Post categories In lit, lit-html, waapi, Web Components, Web Dev
New Web APIs — a popover on top of a dialog element can’t be interacted with? Post date November 14, 2023 Post author By Ben Frain Post categories In Web Dev
Review: ZSA Voyager, split, mechanical keyboard Post date November 12, 2023 Post author By Ben Frain Post categories In review
Russel Brand, narcissism, and a sadly common pattern… Post date September 18, 2023 Post author By Ben Frain Post categories In people, workplace, writing
When it comes to text editors, I feel like Goldilocks Post date September 7, 2023 Post author By Ben Frain Post categories In neovim, sublime text, vscode, Web Dev
Simple settings for writing and converting markdown with Sublime Text Post date August 3, 2023 Post author By Ben Frain Post categories In Pandoc, sublime text, Tech-tip, Web Dev, writing
Review: The ZSA Platform tenting kit for the Moonlander keyboard Post date July 21, 2023 Post author By Ben Frain Post categories In keyboard, Mechanical Keyboards, Moonlander, Tech-tip
Logitech MX Master 3/3s scroll wheel fix Post date July 14, 2023 Post author By Ben Frain Post categories In logitech, mouse, MX Master, Tech-tip
Building a line graph with CSS clip-mask Post date June 23, 2023 Post author By Ben Frain Post categories In clip-mask, css, Web Dev
Review: Dell 6K 32″ Monitor U3224KBA Post date June 2, 2023 Post author By Ben Frain Post categories In review
I broke my keyboard! Swapping the key switches in the Kinesis Advantage360 Pro Post date May 3, 2023 Post author By Ben Frain Post categories In Tech-tip, writing
HUGE macOS Productivity boost: Set-up simple, keyboard only, instant App switching and arrangement Post date April 18, 2023 Post author By Ben Frain Post categories In macos, productivity, Tech-tip, Web Dev
Adding to $PATH for a central location for Neovim/NPM tools Post date March 22, 2023 Post author By Ben Frain Post categories In macos, neovim, npm, Web Dev
Neovim Power Tips: Volume 2 Post date March 15, 2023 Post author By Ben Frain Post categories In Web Dev
Review: MoErgo Glove80, split, wireless, columnar ergonomic keyboard with RGB Post date March 11, 2023 Post author By Ben Frain Post categories In review
Review: Kinesis Advantage 360 Pro — split ergo mechanical keyboard Post date January 2, 2023 Post author By Ben Frain Post categories In review, writing
Review: Dactyl Manuform – an ergonomic, custom built mechanical keyboard Post date January 1, 2023 Post author By Ben Frain Post categories In Mechanical Keyboards, review, Web Dev
How to animate along an SVG path at the same time the path animates? Post date December 21, 2022 Post author By Ben Frain Post categories In css, motion, svg, Web Dev
Getting the context of Web Components (lit) Post date November 10, 2022 Post author By Ben Frain Post categories In css, lit, Web Components, Web Dev
Update Q4 2022 — Free book chapter, and a mouseless Mac setup Post date November 10, 2022 Post author By Ben Frain Post categories In mouseless, Personal, raycast, RWD, update, Web Dev
Converting Display-p3 colors from Sketch to CSS values you can use in Safari Post date October 12, 2022 Post author By Ben Frain Post categories In color, display-p3, Web Dev
A CSS class-naming convention might still be your best choice Post date October 4, 2022 Post author By Ben Frain Post categories In css, ecss, Web Components, Web Dev
A git pre-push hook to run tests on a particular branch when you push Post date September 30, 2022 Post author By Ben Frain Post categories In git, Shell, Tech-tip, Web Dev
New book, Responsive Web Design with HTML5 and CSS, 4th Edition – out now! Post date September 29, 2022 Post author By Ben Frain Post categories In css, html, RWD, Web Dev, writing
Change text underline positions in Kitty terminal emulator Post date September 6, 2022 Post author By Ben Frain Post categories In kitty, neovim, Tech-tip, Web Dev
The surprising extensibility of Sublime Text Post date September 5, 2022 Post author By Ben Frain Post categories In productivity, Sublime, sublime text, Tech-tip, Web Dev
The easiest way to enhance your site with Display P3 colors Post date September 2, 2022 Post author By Ben Frain Post categories In book, css, display-p3, RWD, Web Dev
Gradient borders on one or more sides with border-image Post date August 3, 2022 Post author By Ben Frain Post categories In border-image, css, Uncategorized, Web Dev
Where the f*** is native CSS nesting? Post date May 31, 2022 Post author By Ben Frain Post categories In css, nesting, Rant, sass, Web Dev
How to use videos with alpha transparency on the web Post date May 5, 2022 Post author By Ben Frain Post categories In mp4, transparency, Video, Web Dev, webm
The :removed pseudo-class and :finished functional pseudo-class (that I wish we had) Post date April 29, 2022 Post author By Ben Frain Post categories In animations, css, JavaScript, waapi, Web Dev
De-duplicating JavaScript arrays with ease using Set Post date April 26, 2022 Post author By Ben Frain Post categories In Arrays, es6, JavaScript, Web Dev
Review: Dygma Raise Mechanical keyboard Post date January 29, 2022 Post author By Ben Frain Post categories In Dygma, Mechanical Keyboards, Tech-tip, writing
Patching another font for Powerline? With Kitty you don’t need to Post date December 22, 2021 Post author By Ben Frain Post categories In kitty, neovim, Powerline, Tech-tip, Vim, Web Dev
Refactor your Neovim init.lua – Single file to modules with Packer Post date December 2, 2021 Post author By Ben Frain Post categories In lua, neovim, Web Dev
Adventures in prototyping and Web Components with Lit Post date November 12, 2021 Post author By Ben Frain Post categories In dry, lit, prototypes, vite, Web Dev
The Best Neovim color schemes in 2021 Post date November 10, 2021 Post author By Ben Frain Post categories In color schemes, lua, neovim, Web Dev
My second, failed attempt, at moving to Linux Post date November 2, 2021 Post author By Ben Frain Post categories In arch, linux, Sway, Tech-tip, Waybar, Web Dev
Building a perfect Linux PC workstation Post date November 2, 2021 Post author By Ben Frain Post categories In amd, Iqunix, linux, pc, Tech-tip, Web Dev
(Neo)vim tips and tricks: Volume One Post date September 22, 2021 Post author By Ben Frain Post categories In kitty, neovim, Terminal, Vim, Web Dev
Still dicking around Post date September 9, 2021 Post author By Ben Frain Post categories In Colemak, linux, mac, neovim, Web Dev
New video course: Ultimate Text Editing Productivity with Sublime Text Post date September 7, 2021 Post author By Ben Frain Post categories In productivity, sublime text, Text Editing, Video Course, Web Dev, writing
Automatically Play and Pause video as it enters and leaves the viewport/screen Post date August 6, 2021 Post author By Ben Frain Post categories In IntersectionObserver, Video, Web Dev