Web design tutorials and tools since 2014Privacy
Search 125 articles

Josh

Josh

CSS Animation Basics: Creating a CSS Loader

CSS Animation Basics: Creating a CSS Loader

In this article, we’re going to take a look at some CSS animation basics. How it works, what it is, and then we’ll create a simple CSS loading animation, similar to Facebook’s chat loading animation. In a previous article, I’ve…

Get HTML5 Data Attribute with jQuery

Get HTML5 Data Attribute with jQuery

In this tutorial we’ll be taking a look at how to get HTML5 data attribute with jQuery. We’ll create an anchor tag and turn it into a button with  CSS. Then we’ll add two data attributes on it. One for changing…

Create an Exit Intent Popup Window

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…

10 Stunning Magento Themes That Are Worth Considering

10 Stunning Magento Themes That Are Worth Considering

This is a guest contribution by Claudia Jhonson The significance of an online presence is not hidden from anyone. With the rapidly evolving technology, today most of the users prefer shopping at the comfort of their home. The advanced mobile devices…

Adding Social Share Count to Sharing Buttons

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

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

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 its own sharing button, that use an HTML tag with a few…

Pure CSS Off Canvas Navigation Menu

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…

30 Web Based Tools and Apps for Web Designers

30 Web Based Tools and Apps for Web Designers

Here in this post I have collected a variety of web based tools and applications that were built to help web designers with a specific solution and act as time savers. These tools might or might not be well known…