Create a Website Design using The Bricks UI

Create a Website Design using The Bricks UI

Topic: Adobe Photoshop Difficulty: Beginner Estimated Completion Time: 30 Mins I­n this tutorial we will be creating a simple but elegant e-commerce layout of a website, it being entirely built by using The Bricks UI e-commerce user-interface set. I will …

How to Create a CSS3 Login Form

How to Create a CSS3 Login Form

Topic: CSS3 Difficulty: Beginner Estimated Completion Time: 30 Mins Today, I will teach you how to create a beautiful CSS3 login page that can be integrated into your website, blog, app, etc. I have used this method of creating a …

Super-Intuitive Drag & Drop Template Generator

Create beautiful responsive emails and newsletters easily.

Learn more Try Free

Characters and Mascots in Web Design and their Role

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 …

Create a Retro Navigation Menu with CSS3

Create a Retro Navigation Menu with CSS3

Topic: CSS3 Difficulty: Intermediate Estimated completion time: 50 minutes In this you’ll learn how to create a vintage-looking navigation menu using pure CSS3. I hope you’ll enjoy this tutorial and you’ll learn some new techniques. Resources needed: Pixel Patterns UI …

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 …

Feature Detection Strategy: a wise web development thanks to Modernizr

Modernizr

HTML5 and CSS3 are redefining our experience on the web. There are still some users who uses legacy browsers which does not support natively the mentioned technologies. So, should we keep working as the old times? The answer is no. …

CSS Layout Properties for Noobies

CSS Layout Properties for Noobies

This post is for people new to CSS and new to creating websites. I am hoping to make your life easier by showing and explaining some CSS properties that manipulate layout. Layout is one of the first things to get …

Create an Instagram Widget in Adobe Photoshop

Create an Instagram Widget in Adobe Photoshop

Topic: Adobe Photoshop Difficulty: beginner Estimated completion time: 30 minutes In this tutorial we will be creating a beautiful Instagram widget. We will actually imitate one of the popular “play-off” trends on Dribbble, which is creating a fictional widget for …

Never miss an article or news again.

Sign up to get fresh stuff in your email monthly. For those who want to keep in touch with web design and development trends and tools.

Learn More About Newsletter
Newsletter
Newsletter
Newsletter
Newsletter
🍪

We use cookies to ensure that we give you the best experience on our website. Privacy Statement.

  • I disagree
  • I agree