Category: Learn

In order to create impressive-looking web designs, you need impressive skills. Our tutorials include everything from HTML to JavaScript and CSS, and Photoshop to Illustrator. Check them out – you may discover a better way to design.

The Top 20 Web Design Courses You Should Know About

In today’s article, we are featuring 20 web design learning resources where you can learn everything about web designing and developing. Before you start you can check our very own…

The Ultimate Overview of Responsive Web Design Breakpoints

Previously, we talked about media queries, so in this article, we will give a better understanding of responsive web design breakpoints. Hmm, now what about different screen sizes? To make…

How to Create a Responsive Newsletter Template with Media Queries

According to Campaign Monitor, mobile surpassed web and desktop client usage July 2012. As mobile email usage grows, web developers and designers must consider optimizing the look of their email…

Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop

Flat design is dominating the web, and I’m sure you all know that recently Apple created a new look for their OS. I love the minimal appearance of the user…

How to Create Shapes in CSS

In today’s tutorial, let’s create a simple list of the most common shapes that can be created using CSS3. We will make progress through the article and at the end,…

Organize Your Content with CSS Counters

But, talking about HTML how should we write it? Most (all?) use numbers as text in headings, as they were common content. Well, let me tell you a secret: They…

Design an Elegant Calendar Widget Using Adobe Photoshop in Just 15 Minutes

By combining some gray, black, and variations of different light colors, and a nice subtle texture, we will try to give the interface a grungy, minimal look. Calendar Design –…

How to Create a JavaScript Progress Bar With Pace.js

In today’s tutorial, I am going to show you how to use this amazing plugin to load a progress bar on your site.

What’s great with Pace.js: You can automatically…

How to Create a Flat Navigation Icon Set in Adobe Photoshop

Hopefully, after completing this tutorial, you will take your new skills and start incorprating flat design into your own websites and projects. And besides, the flat design movement is not…

Create an Impressive Reflection Effect Using CSS and Reflection.js

One of the amazing effects you can do with today’s modern web design is to create an image reflection effect However, creating an image reflection effect using CSS alone for…

Create a Beautiful Typographical Design in Only 10 Minutes with Adobe Photoshop

They say letters are boring. Unlike videos and music, text is static. It does not move or tickle other senses besides the eyes. Text is usually placed as an information…

How to Create Simple Shapes with SVG

In the past, the only image format that was supported by all browsers was the GIF, an image file developed by CompuServe. Then came the JPEG image file, which offered…