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 detailed review of the Dactyl Manuform, a custom-built ergonomic mechanical keyboard, covering its build process, daily use, and pros and cons.
A technical tutorial explaining two methods (SVG animateMotion and CSS offset-path) to animate an object along a moving SVG path, with JavaScript control.
Explains how to pass and retrieve context in Lit Web Components using getRootNode() and a utility function for ancestor traversal.
Author updates on new web design book edition, potential Vim/JavaScript projects, and shares experiences with custom keyboards and input devices.
Explains how to convert Display-p3 colors from Sketch to CSS for Safari, covering color spaces and current browser support limitations.
Argues that CSS class-naming conventions like BEM or ECSS remain a pragmatic choice for scalable CSS architecture, even with modern features like Cascade Layers.
