Posts relating to
Dev Tricks

Also, how to fix “nfsd service does not appear to be running” This solution is for Mac users only – thanks CW. Short answer: Open “System Settings” Unlock padlock Select “Full Disk Access” Add “Terminal” (or whatever you use) Close padlock Restart Terminal (if open)

Recently, a newly acquired client needed the styling from the Customizer’s custom CSS to show in the classic editor (TinyMCE). In all my years of working with WordPress, this was the first time I’d had this request, so, knowing that you can inject styling into the TinyMCE editor, I set about finding a solution. There […]

Once upon a time, a challenge like this, where you want to reveal a footer when the end of the content is reached, would have needed position: fixed|absolute and a bit of JavaScript to calculate the dynamic height of the footer, for responsiveness. Thankfully, we now have a much simpler solution, using sticky positioning. With […]

On a couple of occasions, I’ve encountered a very annoying issue where PhpStorm will not open. Instead of opening it throws up the error message, “the IDE cannot create the directory.”, in a modal window. I’m using JetBrains’ Toolbox to manage their IDEs and on the whole it’s a great little app to navigate their […]

To make position sticky work in Safari make the sticky element a block and make a parent relative.

Use Live Templates to create custom code snippets that you can quickly insert into your code by typing a custom abbreviation. This is extremely handy for commonly used code blocks, such as the echo statement in php or inserting a php block into html. In this example I’ll demonstrate how to create a php block […]

Sometimes you want to programmatically move a WordPress meta box to a more ideal position on the editor screen. Here’s my way, with code.

Have you needed to apply styling to only touch devices, or only non-touch devices? Well, great news, the hover media query can ease your woes.

Have you ever needed to convert the string immediately before br tags and wrap it in span tags instead? Me too. There is very likely a regex solution but here’s a very simple way to achieve it using string and array functions. /** * Replace linebreaks with span tags * * Wraps each string immediately before a […]

Cross-browser support for scrollbar styling and visibility is a challenge. It’s as simple as that. This article provides a solution that addresses the issue of hiding the scrollbars, using scrollbar-width, ::-webkit-scrollbar and -ms-overflow-style. What are Scrollbars? Scrollbars are bars that appear down the right-hand side and across the bottom of the browser (or an element […]