Tech Blog
Web development tips, tricks and tutorials for web developers of all levels.
Showing 1 to 9 of 21 results
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
Tailwind CSS 4 - Overriding or replacing screen sizes (breakpoints)
Learn how to override and customize screen sizes (breakpoints) in Tailwind CSS 4's new CSS-first configuration system. Includes migration tips, practical examples, and troubleshooting guide. Continue reading
How to increase the WPGraphQL query limit using graphql_connection_max_query_amount
By default, WPGraphQL limits the amount of posts per page that you can query at any one time to 100. But by adding a simple filter & function you can change this limit to any value. Continue reading
Tailwind CSS - Using subgrid to align child content
As of Tailwind CSS 3.4, CSS subgrids are now available. In this article, we will look at how we can use the new subgrid option to fix a very common layout alignment issue. Continue reading
Showing 1 to 9 of 21 results