Images that lazy load are nothing new. The reasons behind doing so are varied, but if you are someone who cares about site speed, lazy loading recently became a lot more important. If you use PageSpeed Insights at all to check on the speed of your website, then you probably…
How to Create A Simple Progress Bar (and How to Make It Editable)
A progress bar can be used for more than just…displaying progress. No doubt you’ve seen them used for a variety of purposes, and the reasoning is simple. Progress bars, if done correctly, can be a visually interesting way to display information on your website. There are many libraries out there…
How to Use Advanced Custom Fields and Slick to Create an Image Gallery With a Lightbox
I was working on a website not too long ago and I was putting together an image gallery. If you have read some of my other posts, you know I am a fan of Advanced Custom Fields and Slick, and I wanted to use those to build out the gallery….
How to Display Google Reviews on Your Website
Reviews are a great way to show potential customers that your business is awesome and that people love what you’re doing. Let’s say you have a bunch of them on Google and you want to show those on your website. Well, using the Google Maps API and Google Places, you…
How to Create a Quiz Using Advanced Custom Fields
If you are looking for a fun way to have visitors engage with your site, a quiz may be a great way. Thankfully, this doesn’t have to be too complicated if you use the correct tools. For this example, I’ll show you how to build a quiz using Advanced Custom…
How to Use Google Maps API to Create A Custom Map
Adding a map to your website is easy enough with Google Maps. You simply type in the address you want to show, click “Share” and “Embed Map” and you have yourself an iframe that you can paste into your code that’ll show a nice map for you. But what if…
How to Create a Slideshow with Advanced Custom Fields and Slick
I think it’s safe to say that slideshows are a common website feature. Do a quick search on Google and you can find countless plugins, libraries and tutorials on how to create one. However, when it comes to building a slideshow that will be easy for a client to update…
How to Create a Simple Video Gallery
Depending on the purpose of your website, you may find the need to have a video gallery. There are a ton of video gallery libraries and plugins out there for you to choose from. Some are very easy to implement and use, and others require a little more coding knowledge….
Easy Popup Overlay with jQuery
A popup overlay can be a useful (or annoying depending on who you ask, but for the sake of this article, let’s go with useful) tool if used correctly on your website. Let’s say you want to try and get more of your visitors to sign up for your email…