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
The Top AI Tools for Web Development Post date September 3, 2024 Post author By Olivia Ames Post categories In ai, ai-for-web-dev, ai-for-web-development, ai-for-web-devs, ai-in-web-development, ai-tools-for-web-development, Web Dev, web-dev-tools
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
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
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
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
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
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
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: 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
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
9 Tips and Best Practices for HTML 5 Post date August 22, 2021 Post author By Zachary Cronin Post categories In html, html-fundamentals, html5, learn-html, Web Dev, web-development, webdev, website-development
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
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
7 Ways to Make Side Income as a Web Developer??? Post date July 6, 2021 Post author By Saanvi Sen Post categories In coding-skills, income, passive-income, skills, skills-development, Web Dev, web developer, web-development
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
5 Tricks To Get Better At Coding Post date June 6, 2021 Post author By Chaitanya Prabuddha Post categories In beginners, coding-skills, JavaScript, productivity, programming, python, time-management, Web Dev, web-monetization
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
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
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
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
The Best PHP Frameworks To Use for Web Development in 2021 Post date March 3, 2021 Post author By Saanvi Sen Post categories In cakephp-yii-zend-fuelphp, codeigniter, laravel-framework, php-framework, symfony, Web Dev, web developer, web-development
Basic Guide to Creating a Page Using Velo by Wix Post date February 26, 2021 Post author By The Real Slim Shady Post categories In build-velo-web-app, velo, Web Design, Web Dev, web developer, web-development, website, wix
My Experience Using Velo by Wix: Building a Simple Website Post date February 26, 2021 Post author By The Web Hacker Post categories In build-velo-web-app, hackernoon-top-story, velo, Web Design, Web Dev, web-development, website-development, wix
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