Skeleton Loader for AJAX Post Filter - Alpine.JS
Let your reader know something is loading by displaying a skeleton loader - a temporary UI to act as a placeholder for incoming content.
I’m a designer and frontend engineer working mostly with Tailwind CSS and Alpine JS. I’m husband to Jessica, co-founder of four kiddos, and I absolutely love being outside.
Interested in working together? Feel free to reach me at joey [at] joeyfarruggio.com or schedule a 1-on-1 call here.
I'm working on a course to show how I use WordPress to serve clients in my multiple-six figure consultancy.
When you absolutely love what you do, and you're good at it, it's easy to make folks really happy.
I’m contracting with two main clients currently, BiggerPockets and Vimeo. I’m building and managing custom WordPress themes that get millions of visitors a year.
A custom module that displays blog posts sorted by page view counts pulled from the Google Analytics API.
A video player with a custom UI and controls built on the Vimeo Player JavaScript SDK.
Let your reader know something is loading by displaying a skeleton loader - a temporary UI to act as a placeholder for incoming content.
How to build a filter posts by category feature with Alpine.JS in WordPress.
If you need to control the markup of your nav menu, and want to avoid wp_nav_menu() and nav walkers, this is for you.
Let's set the ground work and scaffold our first ACF block.
Build a custom block to loop through your WordPress blog posts with Advanced Custom Fields and block.json.
I recently built filterable logo gallery for a Vimeo.com landing page. Here's how I did it.
I moved a weighty JavaScript password strength library to a web worker. It made my app lighter, faster, and I learned working with web workers can be quite easy.
Embed widgets as HTML, not an iframe, with JavaScript
Display rotating ads slots on your WordPress website with Alpine.js and ACF
Learn how to reuse and share your ACF blocks with static templates
Insert a table of contents anywhere in your post with this Gutenberg block.
The create-acf-block CLI registers your block within the acf_register_block_type() function, scaffolds a block render template, and optionally preps CSS and JS.
There's a clever, CSS only trick to remove the background color from your images. Let's learn how...
Build your first ACF block in less than 10 minutes with this 6-step guide.