Neovim 0.5: Lua, built in LSP, Treesitter and the best plugins for 2021 Post date July 13, 2021 Post author By Ben Frain Post categories In LSP, neovim, Vim, Web Dev
Easily add transparency to any HEX color with 4 and 8 digit HEX Post date June 16, 2021 Post author By Ben Frain Post categories In 4-digit, 8-digit, css, HEX, Web Dev
Review: Panic’s Nova 2021 – a VS Code and Sublime Text beater? Post date May 19, 2021 Post author By Ben Frain Post categories In nova, review, sublime text, VS Code, Web Dev
The Thunderbolt/USB-C ports on M1 Macs don’t work Post date May 10, 2021 Post author By Ben Frain Post categories In apple, m1-mac, SSD, Tech-tip, USB-C
Upgrade your home to 10GB Ethernet Post date May 6, 2021 Post author By Ben Frain Post categories In 10GB, Ethernet, Tech-tip, wifi
Migrating from Parcel to Snowpack – build tool comparison Post date April 13, 2021 Post author By Ben Frain Post categories In build tools, node, Parceljs, snowpack, Web Dev
Review: ZSA Moonlander MKI keyboard and ErgoDox EZ comparison Post date April 2, 2021 Post author By Ben Frain Post categories In ErgoDox EZ, Mechanical Keyboards, Moonlander, review, ZSA
Batch rename nested files and folders on macOS with ZSH Post date March 20, 2021 Post author By Ben Frain Post categories In rename, Tech-tip, Tip, Web Dev, ZSH
Official CSS Nesting – the last piece of the puzzle Post date March 17, 2021 Post author By Ben Frain Post categories In css, postCSS, sass, Web Dev
QWERTY is the worst keyboard layout. A learning Colemak Odyssey Post date March 15, 2021 Post author By Ben Frain Post categories In Colemak, Mech Keyboards, QWERTY, Tech-tip, writing
Prettier install and configuration — because manually formatting front-end code is a waste of time Post date March 6, 2021 Post author By Ben Frain Post categories In css, JavaScript, Prettier, Web Dev
Boost your macOS productivity by snapping windows with Hookshot Post date March 2, 2021 Post author By Ben Frain Post categories In macos, Tech-tip, utilities, Window management
Building a ‘Table Of Contents’ with active indicator using JavaScript Intersection Observers Post date February 20, 2021 Post author By Ben Frain Post categories In IntersectionObserver, JavaScript, Web Dev, YouTube
How to coil a cable — for keyboards such as the ErgoDox EZ Post date February 10, 2021 Post author By Ben Frain Post categories In cables, ErgoDox EZ, Mechanical Keyboards, Tech-tip, WFH
Don’t buy a laptop for home-schooling — you can turn your iPad into one! Post date January 8, 2021 Post author By Ben Frain Post categories In Home Schooling, ios, iPad OS, Tech-tip, WFH
An introduction to the Web Animations API — making a Pie Timer Post date December 15, 2020 Post author By Ben Frain Post categories In Web Animations API, Web Dev
A home video studio. Everything you need to record, edit and publish video for courses and YouTube Post date December 14, 2020 Post author By Ben Frain Post categories In A6000, Final Cut Pro, Skillshare, Tech-tip, Video, Web Dev, writing
December 2020 Update — New Video Course available! Post date December 9, 2020 Post author By Ben Frain Post categories In Skillshare, Udemy, Video Course, Web Animations API, writing
Review: Zergotech Freedom ergonomic mechanical keyboard Post date November 25, 2020 Post author By Ben Frain Post categories In ErgoDox, Ergonimic, Freedom, Mechanical Keyboards, review, Zergotech
Stop dicking around Post date October 4, 2020 Post author By Ben Frain Post categories In coding, life, self-improvement, Web Dev, writing
September 2020 update Post date September 15, 2020 Post author By Ben Frain Post categories In ErgoDox EZ, update, Web Dev, WFH, YANA
My grudging acceptance of WordPress as my blogging platform Post date September 14, 2020 Post author By Ben Frain Post categories In Comments, Pandoc, Static Site Generator, Web Dev, wordpress, writing
Monetizing benfrain.com in 2020 Post date September 13, 2020 Post author By Ben Frain Post categories In Adverts, Analytics, coil, ko-fi, monetization, Web Dev
Review: ErgoDox EZ Ergonomic mechanical keyboard Post date September 4, 2020 Post author By Ben Frain Post categories In ErgoDox EZ, Mechanical Keyboards, review, Web Dev, writing
A complete guide to mechanical keyboards Post date August 27, 2020 Post author By Ben Frain Post categories In ErgoDox, HHKB, Kailh, Keyboards, Mech Keyboards, RAMA, Web Dev, writing
Review: Autonomous ErgoChair 2 office chair Post date July 15, 2020 Post author By Ben Frain Post categories In ErgoChair 2, Ergonomics, Office Chair, review, WFH, writing
Apple, I fear, is lost Post date July 10, 2020 Post author By Ben Frain Post categories In App Store, apple, Safari, Web Dev, writing
June 2020 Update Post date June 30, 2020 Post author By Ben Frain Post categories In Fedora, Figma, lit-html, newsletter, svelte, Web Dev
A Gulp build script for Express, PostCSS and JavaScript with BrowserSync Post date June 17, 2020 Post author By Ben Frain Post categories In BrowserSync, express, gulp, node, Nodemon, Web Dev
Linux Ubuntu as my main computer, one month in Post date June 3, 2020 Post author By Ben Frain Post categories In linux, Ubuntu, Web Dev, wordpress, XAMPP
Converting a basic v3 gulpfile.js to a v4 gulpfile Post date May 26, 2020 Post author By Ben Frain Post categories In build tools, gulp, JavaScript, Web Dev
May 2020 Update Post date May 21, 2020 Post author By Ben Frain Post categories In books, linux, Mechanical Keyboards, newsletter, podcast, RWD, Sublime, Vim, Web Dev
My fourth book: Responsive Web Design with HTML5 and CSS, Third Edition Post date May 10, 2020 Post author By Ben Frain Post categories In book, Packt, RWD, Web Dev, writing
WASD CODE V3 Keyboard Review Post date April 8, 2020 Post author By Ben Frain Post categories In Cherry MX, code, Mechanical Keyboards, Tech-tip, Zealio
Creating an HTML file from markdown source using Vim and Pandoc Post date April 8, 2020 Post author By Ben Frain Post categories In markdown, Pandoc, Tech-tip, Vim
March 2020 update Post date March 5, 2020 Post author By Ben Frain Post categories In newsletter, update, Web Dev, writing
Ring avulsion — how I lost my wedding ring finger Post date February 28, 2020 Post author By Ben Frain Post categories In Personal, ring avulsion, wedding ring injury
Finite State Machines Post date February 28, 2020 Post author By Ben Frain Post categories In Finite State Machines, JavaScript, UI/UX, Web Dev
Material design style click effects with pointer events and CSS Custom Properties Post date January 13, 2020 Post author By Ben Frain Post categories In CSS Custom Properties, JavaScript, Web Dev
Vim for front-end development in 2019 Post date October 17, 2019 Post author By Ben Frain Post categories In iTerm, Vim, Web Dev
Automate repetitive tasks by writing and running a simple shell script Post date September 24, 2019 Post author By Ben Frain Post categories In Shell, Terminal, Web Dev
Designing And Building A Progressive Web Application Without A Framework (Part 3 of 3) Post date September 8, 2019 Post author By Ben Frain Post categories In JavaScript, PWA, smashingmag, typescript, Web Dev
Designing And Building A Progressive Web Application Without A Framework (Part 2 of 3) Post date September 8, 2019 Post author By Ben Frain Post categories In JavaScript, PWA, smashingmag, typescript, Web Dev
Designing And Building A Progressive Web Application Without A Framework (Part 1 of 3) Post date September 8, 2019 Post author By Ben Frain Post categories In JavaScript, PWA, Smashing, typescript, Web Dev
How to get the value of phone notches/environment variables `env()` in JavaScript (from CSS) Post date August 29, 2019 Post author By Ben Frain Post categories In CSS Custom Properties, env(), environment variables, JavaScript, Web Dev
CSS scaling: choose isolation or abstraction – not both Post date July 3, 2019 Post author By Ben Frain Post categories In abstraction, css, ecss, isolation, scaling, Web Dev
Converting divs into accessible pseudo-buttons Post date June 19, 2019 Post author By Ben Frain Post categories In a11y, accessibility, button, Web Dev
Moving from Gulp to Parcel Post date March 18, 2019 Post author By Ben Frain Post categories In build tools, gulp, Parcel, postCSS, typescript, Web Dev
Looping infinitely around an array in JavaScript Post date March 1, 2019 Post author By Ben Frain Post categories In JavaScript, modulos, remainder, Web Dev
Determining the direction of IntersectionObserver events Post date February 14, 2019 Post author By Ben Frain Post categories In IntersectionObserver, JavaScript, Web Dev
Sony WH-1000 XM3 Noise Cancelling headphones review Post date February 12, 2019 Post author By Ben Frain Post categories In headphones, Noise cancelling, office, Sony WH-1000XM3, Tech-tip, XM3
Beginner JS tutorial: automatically make anchor ‘jump’ links with JavaScript Post date December 12, 2018 Post author By Ben Frain Post categories In de-structuring, es6, JavaScript, scroll-behaviour, Web Dev
The highest paid executive Post date November 22, 2018 Post author By Ben Frain Post categories In bet365, Rant
Social media is a failed experiment Post date October 18, 2018 Post author By Ben Frain Post categories In facebook, instagram, Personal, social-media, twitter
Notes on prototyping Post date October 3, 2018 Post author By Ben Frain Post categories In prototyping front-end, Web Dev
The frustrations of using CSS Shapes and CSS Exclusions Post date July 23, 2018 Post author By Ben Frain Post categories In CSS Exclusions, CSS Shapes, Web Dev
An introduction to the JavaScript MutationObserver API Post date July 18, 2018 Post author By Ben Frain Post categories In JavaScript, patterns, Web Dev
Creating a Sketch plugin with JavaScript Post date June 28, 2018 Post author By Ben Frain Post categories In JavaScript, Sketch, Web Dev
Text editing techniques every Front-End developer should know Post date May 25, 2018 Post author By Ben Frain Post categories In productivity, Sublime, text, vscode, Web Dev
Creating a language switcher in JavaScript Post date April 17, 2018 Post author By Ben Frain Post categories In Arrays, JavaScript, Web Dev
Sciencx
Sciencx