Tech Blog
Web development tips, tricks and tutorials
Web development tips, tricks and tutorials for web developers of all levels, from beginners to advanced. Learn about the latest web technologies, best practices, and industry trends. Feel free to leave comments and questions on the posts.
0/25
Showing 1 to 9 of 25 results
Reduce Nuxt UI CSS by half with experimental component detection
Nuxt UI 4 has an experimental componentDetection option that only generates theme CSS for the Nuxt UI components you actually use. On this site it cut the main stylesheet in half. Here is how to enable it, how to measure the difference, and what to watch out for. Continue reading
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
Showing 1 to 9 of 25 results