Retina Ready Images and Responsive Web Design

Coding, Website Design •

Retina Ready Images and Responsive Web Design

I want you to clearly understand what Retina Display is. In the simplest of terms, it means a high definition display, that’s it. Also, Apple products are not excusive to this type of display. Retina Display is simply Apple’s term …

Characters and Mascots in Web Design and their Role

Website Design •

Characters and Mascots in Web Design and their Role

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

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. …

Editor’s Picks

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 …

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 …

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