WordPress Tutorials & More!
(Best WordPress Tutorials)

In this tutorial, we are going to show you two ways to display related posts on your WordPress website. If you know a bit about bounce rate, you are probably already showing related posts on your website. Essentially, the bounce rate is a metric that measures the percentage of people who land on your website […]

In this tutorial, we are going to show you how you can prevent users from being able to copy and paste input values into certain fields. This can be especially useful when you have repeating fields for verification. For example, you may want to prevent users from copying the password into the repeat password input […]

In this tutorial, we are going to create a simple animated background colour animation which loops with pure CSS using keyframes along with various CSS animation properties. In our example, we are going to set this to the body element. However, you can apply the code to any HTML element of your choice either with […]

In this tutorial, we are going to show you how to create a modern scroll down animation which you can easily add to any website. These types of animations are typically used on websites that have a full-screen header in which you add an animated element to demonstrate that there is more content on the […]

What is Breakpoint? Though the Bootstrap is a complete framework and packaged with JavaScript components too but achieving effortless responsive behaviour is the major key point we can grant Bootstrap for. Responsive behaviour depends on resolutions (viewport or screen sizes). By default, Bootstrap supports four resolutions – called Breakpoints in technical term. < 768px Extra […]

So you have seen on websites that typically have a full-screen header with an indicator to scroll down to view the rest/more of the content. We’re going to show a very nice and clean way to represent this feature. In today’s tutorial, we have a scroll down icon created as an SVG using just HTML […]

In this article, we are going to show you how you can change the ordering of columns using Bootstrap 4. By this, we mean we can actually order the alter of the columns in which they are displayed, differently from mobile to desktop, or at a particular breakpoint for that matter. By using .order- classes […]

If you are looking to create an animated SVG Hamburger Menu icon then you are in the right place. Today we bring you six different animations which would look great on any production website. It’s all about the added animations to make a website more appealing and look top dollar! Here is a JSFiddle for […]

If you have ever created your own Bootstrap Navbar with a dropdown menu, the first thing you may notice is that you have to click the parent link to reveal the sub-menu. This is an intentional design decision according to Mark Otto: “The purpose of a hover state is to indicate something is clickable (underlined […]