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…

50+ Free Flat UI Kits to Speed Up Your Workflow

Now days in web design, we are trying to make sites more simple. There are less and less sites that are over-designed and more that are focused on a simple design that let’s the content of the website shine and…

Coolors – A Cool Color Schemes Generator for Cool Designers

Every designer has their favorite tools to generates matching colors and color schemes. And there are a wide variety of color palettes and color scheme generators. I recently found out about this new tool called Coolors. Coolors is a super fast…