Tech Blog
Web development tips, tricks and tutorials for web developers of all levels.
Showing 1 to 9 of 24 results
Why Tailwind CSS suggests changing arbitrary values to standard classes
We should swap out arbitrary values like w-[100px] for standard utility classes like w-25 now that they are supported, to help us stick to a consistent design system and make the CSS much easier to maintain. Continue reading
The CSS masonry syntax wars
As of November, 2025, the CSS Working Group announced a new CSS display property keyword called grid-lanes, which replaces the Firefox and Chromium/Webkit approach to masonry layouts. Continue reading
Creating a "Masonry-lite" Layout with Tailwind CSS Columns
While the 'true' Masonry layout is currently being drafted for the CSS Grid Level 3 specification, you can achieve a 'Masonry-lite' effect using CSS Columns, and if you are using Tailwind CSS, you can do it with just two different classes. Continue reading
Tailwind CSS - Adding a Shadow to Sticky Headers on Scroll in Vue/Nuxt
A sticky header is a standard UI pattern, but it often looks 'flat' when it blends into the content scrolling underneath it. The best way to solve this is to apply a shadow/background, but only once the user has started scrolling. Continue reading
Handling hover states on mobile and touch devices in Tailwind CSS 4
Tailwind CSS v4 has been updated so that the hover variant only applies when the primary input device supports hover. Options on how to solve the issues this presents. Continue reading
Change NPM Global Package Location on macOS to Avoid Permission Errors
Configure NPM to use a custom directory for global packages on macOS to avoid permission errors and eliminate the need for sudo commands. Complete setup guide with shell configuration. Continue reading
Fix Cloudflare 'StorageType.persistent is deprecated' Error in Google Lighthouse
Fix the Cloudflare 'StorageType.persistent is deprecated' error that causes Google Lighthouse to give low Best Practices scores. Complete step-by-step guide with screenshots and benefits/considerations. Continue reading
Using Prettier to format PHP code in VS Code
Learn how to use Prettier to format PHP code in VS Code using the @prettier/plugin-php community plugin. Complete setup guide with configuration examples and troubleshooting tips. Continue reading
Using shallowRef with Nuxt 3 useFetch for better performance
Learn how to optimize your Nuxt 3 applications by using shallowRef with useFetch. Discover the performance benefits and when to use deep: false for better reactivity management. Continue reading
Showing 1 to 9 of 24 results