Ben Frain — Web developer, author, and educator creating books, video courses, and YouTube content focused on responsive web design, modern CSS, frontend workflows, and practical techniques for building high-quality websites.
46 articles from this blog
A guide to fixing inconsistent icon sizes in Neovim's completion menu when using the Kitty terminal, using the narrow_symbols configuration.
A detailed review of the Dygma Defy, a high-end split mechanical keyboard with programmable keys, wireless options, and RGB lighting.
A technical guide exploring methods to properly reset chained Web Animations API (WAAPI) sequences, including canceling and reversing animations.
A technical guide on using CSS @property within Lit web components, including a workaround for shadow DOM limitations.
A guide to creating dynamic DOM element references within loops in lit.dev templates for animations.
A technical guide on how to select and control running/paused Web Animations API (WAAPI) animations within Lit web components.
Explores a technical limitation in new web APIs where a popover element cannot be interacted with when placed above a modal dialog, discussing workarounds and spec issues.
A detailed review of the ZSA Voyager, a high-end, split mechanical keyboard, covering its design, features, and build quality.
A developer's personal reflection on the trade-offs between modal editors like Neovim and GUI editors like Sublime Text, focusing on usability and memory.
Simple Sublime Text settings and a build script to improve Markdown writing and conversion with Pandoc.
A detailed review of the ZSA Platform tenting kit for the Moonlander ergonomic keyboard, covering its construction, installation, and user experience.
A guide to fixing the unresponsive scroll wheel on the Logitech MX Master 3/3s mouse by disabling SmartShift in the Logitech Options software.
A tutorial on creating a simple line graph using CSS clip-path and clip-mask techniques, avoiding heavy charting libraries.
A web developer's hands-on review of the Dell 6K 32" monitor, focusing on its use with Macs and why it's a great value despite a major flaw for some users.
A detailed account of replacing the soldered switches in a Kinesis Advantage360 Pro keyboard, including the risks, process, and final outcome.
A guide to boosting macOS productivity using keyboard shortcuts for instant app switching and window arrangement with tools like Rectangle Pro and Alfred.
A guide to installing Neovim LSPs and NPM tools in a central, local directory and adding it to the $PATH for better version control and security.
A collection of advanced Neovim tips for power users, covering text navigation, pasting, deletion, and Git integration.
A detailed review of the MoErgo Glove80, a split, wireless, columnar ergonomic keyboard, comparing its features, comfort, and build quality to competitors.
A detailed review of the high-end Kinesis Advantage 360 Pro, a split, ergonomic, programmable mechanical keyboard, covering its hardware and user experience.
