I was recently building a media carousel for a site and implemented lazy loading for the images. This was great initially. I avoided loading about 20 MB of images on page load (there were multiple carousels, each with many large images), and the images would load as they slid into view. The Problem The problem arose when … Smart Lazy-Loading
I closed Birdboar’s WP Engine account today. Or at least tried to. I’m only leaving because we now have the expertise to put together a self-managed setup that meets our needs at a fraction of the cost. WP Engine’s platform is solid, the dashboard is useful, and the support is top-notch. They are a fantastic … I Liked WP Engine Until I Tried To Leave
The inaugural State of HTML survey was released this year and it was incredible. Its main purpose is of course to collect information about developers’ knowledge of and experience with HTML features. But it also happens to be a fantastic resource for learning about HTML. Even as someone who loves HTML there was so much … State of HTML 2023 for PHP Folks
It’s always exciting when a new web standard lets us do more with less JS. The popover API is just such a thing. It doesn’t have baseline support yet, but it’s coming! It’ll let us do some pretty cool stuff with minimal JS. Say you want to build a gallery where clicking on an image … A Gallery with the Popover API and a Fallback
Have you ever tried updating a page via Ajax in Shopify? It can feel like your hands are tied. Sometimes it’s awkward or simply not possible to get the data you need because Shopify’s Ajax API is somewhat limited. I was working on a site that had some pretty demanding requirements and at first I … Taking Ajax to SPA level in Shopify
I was working on a project recently where the team wanted to use Elementor to create “post skins”, i.e. they wanted to reference other posts within a page and use Elementor to create display templates for those posts. Elementor has a loop builder but it’s pretty limited in terms of custom queries, display logic, and … Injecting data into Elementor Templates
I was working on a site that uses Events Calendar Pro and recurring events weren’t displayed quite how we wanted. The problem is that all instances of a recurring event will be displayed as separate events. So for example let’s say you have four occurrences of Event A before Event B happens. In Upcoming Events, … Filtering Out Recurring Events in Events Calendar Pro
If you ever need to work with dates in JavaScript and you’re used to PHP (or just about anything else), you’re in for a challenge. Dates in JS are hard. I was recently working on something where I had to display the dates of the current week on a page. Sounds easy, right? This was … Calculating This Week’s Dates with JavaScript
This write-up was originally posted on LogRocket. Improving general web accessibility is a vast and ever-changing process, but it is important to ensure that websites and applications are accessible to all users. In this tutorial, we will focus on a simple yet crucial aspect of the user experience: text size. For some users, “normal-sized” text … Creating a Portable Text Resizing Widget
It’s fairly common to have items for sale in an online store that you don’t necessarily want people to find through the site search. For example, say you want to offer a paid add-on to anyone who buys a certain product. You can send those customers a direct link to the product page or checkout, … Excluding Items From Search in Shopify