Category Coding

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…

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…

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…