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.

How to Bend and Set Text on a Circle With CSS

In this tutorial, we're going to show you how to bend text or set text on a circle using CSS3 (which is the harder way) and later on with jQuery (which is the easier way).

The Top 20 Web Design Courses You Should Know About

With new trends, techniques and technologies being introduced every day, the role of a web designer is becoming harder and harder. Luckily, there are plenty of websites that will allow you to learn the latest techniques.

The Ultimate Overview of Responsive Web Design Breakpoints

Breakpoints are an important aspect of Responsive Web Design, as they're the CSS declarations that allow for different layouts to appear at various screen sizes.

How to Create a Responsive Newsletter Template with Media Queries

To give you an idea of how to create a responsive newsletter template, let’s go ahead and create one. It is actually very similar to the steps you would use to build a web design with HTML5.

Create an iOS-Inspired Flat Countdown Timer in Adobe Photoshop

In this tutorial, we're going to show you how to create a simple, iOS-inspired countdown timer and wallpaper in Adobe Photoshop.

How to Create Shapes in CSS

One of best features of CSS is that it reduces the use of images in web design and allows you to create simple shapes. Learn how to create circles, squares, triangles, stars, comment bubbles, stars, and even Pacman, all in pure CSS.

Organize Your Content with CSS Counters

It is pretty common to see step-based content. Tutorials, shopping carts, FAQ's, gGrandma's recipes. You know, numbers and steps are really good to grab attention, so many writers use this.

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

In this tutorial, you will learn how to design an elegant and minimal calendar widget in Adobe Photoshop, using some super-simple techniques to achieve such a beautiful final result.

How to Create a JavaScript Progress Bar With Pace.js

Although you can create a page loading bar with CSS animation, it is not dynamic at all. Good thing there is this built-in JavaScript plugin called Pace.js, a lightweight JavaScript library that consists of a cool and amazing progress bar indicator for your page load and Ajax navigation.

How to Create a Flat Navigation Icon Set in Adobe Photoshop

We're going to show you how to create a beautiful set of flat design navigation icons using Adobe Photoshop. Lets get started!

Create an Impressive Reflection Effect Using CSS and Reflection.js

In this tutorial, we're going to show you how to create two image reflection effects, the first in just CSS, and the second using jQuery.

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

In this typography design tutorial, I will guide you on how to transform boring text to your advantage. You will learn how to utilize typography for your website, or even for your print needs. This tutorial will extend from web page design to printing to graphic images

Category: Learn

Pin It on Pinterest