Characters and Mascots in Web Design and their Role

Website DesignStelian Subotin • January 20, 2013

What is your first action as soon as you visit a website. You explore its graphics, user-interface elements, the logotype (branding) and the content is last. But have you ever thought what makes you remember the site except for the …

How to Use Icon Fonts in Your Website

CodingHaris Bacic • January 17, 2013

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

Adobe ToolsIaroslav Lazunov • January 16, 2013

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

Adobe Toolseugene • January 14, 2013

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

DesignZolani Stewart • January 04, 2013

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

Adobe ToolsIaroslav Lazunov • January 03, 2013

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

CodingPaula Borowska • January 02, 2013

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

Adobe Toolseugene • December 21, 2012

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

CodingNathan Barry • December 13, 2012

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

Website DesignCarrie Cousins • December 04, 2012

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 …