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
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
WordPress has a lot of nice features out of the box, and one of those is the post excerpt. It works great for the most part, but what if you need two excerpts? Extravagant, I know, but say you need one excerpt for the blog archive and a shorter one for social media meta tags … Creating a Custom Excerpt in WordPress
This write-up was originally posted on CSS-Tricks. Have you ever clicked on an image on a webpage that opens up a larger version of the image with navigation to view other photos? Some folks call it a pop-up. Others call it a lightbox. Bootstrap calls it a modal. I mention Bootstrap because I want to use it … Creating a Modal Image Gallery With Bootstrap Components
Are you using WordPress and Timber to build a site? Need to replace the default search form? Here’s how. Step 1: searchform.php Create a file called searchform.php in your theme and put this in it: $site = new TimberSite(); allows you to get the home URL in the twig file. Step 2: searchform.twig In the /templates directory of your theme create a … Replacing the Default Search Form in WordPress with Timber