How to Use Icon Fonts in Your Website

How to Use Icon Fonts in Your Website

Icon fonts are quickly becoming a web design trend and there is a good reason for that. Creating icons with icon fonts gives designers the ability to manipulate the icons with CSS. The days of creating two different icon images …

Creating Objects Using Basic Geometric Shapes in Adobe Illustrator

Creating Objects Using Basic Geometric Shapes in Adobe Illustrator

Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 10 minutes The shape of most objects represents a combination of simple geometric shapes. Therefore it is very important to learn how to work effectively with the tools that create such objects. …

Create a Simple Contact Form in Adobe Photoshop

Create a Simple Contact Form in Adobe Photoshop

Software: Adobe Photoshop Difficulty: Beginner Estimated completion time: 40 minutes In this tutorial we will show you how to design a Contact Form with Adobe Photoshop. When using a website, users have a particular goal. If designed well, the website …

Six Great Alternatives to Helvetica

Six Great Alternatives to Helvetica

You’re probably aware that Helvetica is one of the most popular typefaces being used today. We live in an era of sans-serif in flat design and grotesque revivals, and the font seems to fit just fine in the spectrum of …

Create Objects’ Shapes Using the Pen Tool in Adobe Illustrator

Create Objects' Shapes Using the Pen Tool in Adobe Illustrator

Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 30 minutes Today we begin a series of quick tips for beginners. They will be describing work with vector objects in Adobe Illustrator. The creation of any project can be divided into …

What is @font-face and How to Use It in CSS

What is @font-face and How to Use in CSS

@font-face is a CSS rule that allows you to input your own font to appear on a website even when the particular font is not installed on the visitor’s computer. The most important thing about this rule is that it …

How to Customize Keyboard Shortcuts in Photoshop

How to Customize Keyboard Shortcuts in Photoshop

Each of us who work in Adobe Photoshop use different tools from drop down menus, which can be costly in terms of time. Why click through menus when you can create keyboard shortcuts for a variety of tools and actions? …

Creating a 3D Button in CSS3

3D Button in CSS3

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 30 mins Today I want to show you how to use some of the awesome new features in CSS3 to create an animated, three-dimensional button. To start off, we care about creating a …

Get in on Gamification: Tips for Building Easy Site Badges

Get in on Gamification: Tips for Building Easy Site Badges

It seems like almost every website is adding a game to its interface these days. Are these play-along gimmicks just a fad? Or is the game add-on something that your site needs? While we are too early in the trend …

Responsive Typography in Web Design: Understanding and Using

Responsive Typography in Web Design

Responsive web design, also abbreviated as RWD, is a well-known concept on the internet nowadays. It is very popular and was introduced about 4-5 years ago to the masses. Since then, everybody has talked about it and website owners without …