How to Use Icon Fonts in Your Website

Coding •

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

Adobe Tools •

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

Adobe Tools •

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

Design •

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 …

Editor’s Picks

Create Objects’ Shapes Using the Pen Tool in Adobe Illustrator

Adobe Tools •

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

Coding •

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 Tools •

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

Coding •

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

Website Design •

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

Website Design •

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 …

Designmodo Inc. 169 Madison Ave, #79627, New York, NY 10016, United States

Copyright © 2010-2026

Collaborate to create and edit email templates without any coding skills.
Learn More Open App
Create animated static website presentations in a matter of minutes.
Learn More Open App
Build website templates online visually using the Bootstrap builder.
Learn More Open App