Category Coding

Create an Exit Intent Popup Window

In this tutorial we’re going to create an exit intent popup window. First, we’ll talk about what exit intent is, then I’ll walk your through the steps of creating the popup window, then we’ll create the exit intent script. We’re going…

Using HTML5 Data Attribute as Selectors in jQuery

HTML5 Data Attribute as Selectors in jQuery

When we’re create a jQuery application, most of the time we use CSS Classes or IDs to select specific HTML elements on the page and do things with them. But what happens if we give the application to an other…

Adding Social Share Count to Sharing Buttons

In a previous tutorial I’ve shown you how to create social sharing buttons with html and css. We also buffed it with some jQuery so when they are clicked a new little window pops up for sharing. In this tutorial…

Animated Scroll to Top with jQuery

In this tutorial we’re going to take a look at the creation of an animated scroll to top with jQuery. As the name says, we’ll be create a button, that appears in the bottom right corner after the visitor starts…

CSS Social Sharing Buttons

In today’s tutorial, we’re going to take a look at how to create social sharing buttons with CSS and HTML. As you know, each social media platform has it’s own sharing button, that use an html tag with a few…

Pure CSS Off Canvas Navigation Menu

In today’s tutorial, we’re going to take a look at the creation of a CSS off canvas navigation menu. First off, what is an off-canvas navigation menu. It’s a menu that is hidden/pushed aside from the screen, so it’s not…

Create a Responsive 2 Column Layout with CSS Flex-box

In a previous article I’ve talked about creating a responsive 2 column layout, using css floats to position our content area and sidebar. In this article, we’ll create the same exact thing, but instead of using css floats for positioning,…

CSS Transparent Background

In today’s tutorial, I’d like to show you how you can create CSS transparent background. We’ll take a look at two methods, one where we’ll use a solid color and make it transparent, and another one, where we’ll use an image…

How to Create a Pure CSS Dropdown Menu

In today’s tutorial I’ll take you over the steps of creating a pure css dropdown menu. We’ll be using CSS2.1 properties mostly. Altho I’ll show you an extra little trick to add a + icon to those navigation items that…