The latest articles on DEV Community by Joshyhud (@joshyhud). https://dev.to/joshyhud https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F321913%2F66ce6a8c-9bda-4054-9aaf-af585d56574e.png https://dev.to/joshyhud en Joshyhud Wed, 29 Apr 2026 07:30:57 +0000 https://dev.to/joshyhud/wordpress-7-updates-1bdk https://dev.to/joshyhud/wordpress-7-updates-1bdk <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://josh-hudson.co.uk/blog/wordpress-7/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2F_astro%2Fprofile.Dn41sObi.webp" height="600" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://josh-hudson.co.uk/blog/wordpress-7/" rel="noopener noreferrer" class="c-link"> WordPress 7 </a> </h2> <p class="truncate-at-3"> So is it just me or does everyone stay at least one minor version behind the current WordPress release? </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2Ffavicon.svg" width="24" height="24"> josh-hudson.co.uk </div> </div> </div> </div> webdev development wordpress Joshyhud Sat, 18 Apr 2026 07:33:17 +0000 https://dev.to/joshyhud/modern-wordpress-hosting-3eh8 https://dev.to/joshyhud/modern-wordpress-hosting-3eh8 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://josh-hudson.co.uk/blog/modern-wordpress/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2F_astro%2Fprofile.Dn41sObi.webp" height="600" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://josh-hudson.co.uk/blog/modern-wordpress/" rel="noopener noreferrer" class="c-link"> Modern WordPress Hosting </a> </h2> <p class="truncate-at-3"> Still using traditional WordPress hosting? Here’s why modern managed WordPress hosting is faster, more reliable, and far less painful to manage. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2Ffavicon.svg" width="24" height="24"> josh-hudson.co.uk </div> </div> </div> </div> webdev tutorial development wordpress Joshyhud Tue, 07 Apr 2026 06:59:02 +0000 https://dev.to/joshyhud/this-post-is-lazy-1gg6 https://dev.to/joshyhud/this-post-is-lazy-1gg6 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://josh-hudson.co.uk/blog/lazy-loading/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2Fblog%2Flazy-loading%2Fimg%2Flazy-cat.gif" height="400" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://josh-hudson.co.uk/blog/lazy-loading/" rel="noopener noreferrer" class="c-link"> This tutorial is lazy </a> </h2> <p class="truncate-at-3"> It's Tuesday morning after, lets get lazy! No need for external library lazy loading natively for modern browsers </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2Ffavicon.svg" width="24" height="24"> josh-hudson.co.uk </div> </div> </div> </div> webdev frontend development html Joshyhud Mon, 06 Apr 2026 09:13:53 +0000 https://dev.to/joshyhud/simplifying-accordions-55f9 https://dev.to/joshyhud/simplifying-accordions-55f9 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://josh-hudson.co.uk/blog/simplifying-accordions/" rel="noopener noreferrer" class="c-link"> Simplifying Accordions </a> </h2> <p class="truncate-at-3"> Learn how to use the HTML `&lt;details&gt;` and `&lt;summary&gt;` elements to create accessible, interactive UI components without JavaScript. This tutorial covers practical examples, styling techniques, and how to build accordions using pure HTML for modern, lightweight web development. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fjosh-hudson.co.uk%2Ffavicon.svg" width="24" height="24"> josh-hudson.co.uk </div> </div> </div> </div> webdev development css frontend