Optimizing your Website Speed, Tools and Tips

Optimizing your Website Speed, Tools and Tips

Having a decent website has never been more affordable than now. With ready-made design templates, free website builders offered with hosting; there are just too many choices. Customers today have choices and getting & maintaining their attention is also harder …

Understanding and using Post meta in WordPress

Understanding and using Post meta in WordPress

WordPress lets you create by default two types of content – Posts and Pages. For posts and pages, you can write content in paragraph format in the visual editor in the WordPress admin. This content is shown by your theme …

Retina Ready Images and Responsive Web 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 …

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 …

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 …