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…

30 Visually Appealing CSS Tutorials and Techniques

CSS is the visual language of the web, most of the things you see on a website; colors, positioning, font sizes, font styles. These are all done with CSS. So for today I’ve decided to collect some more advanced CSS tutorials that…

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…

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…