How to Use Icon Fonts in Your Website

Haris Bacic  •  Coding  •  January 17, 2013
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 for rollovers or effects are long gone. Now we can easily change color, size, and even animate the icons just as we would most other HTML...

Creating Objects Using Basic Geometric Shapes in Adobe Illustrator

Iaroslav Lazunov  •  Adobe Illustrator, Tutorials  •  January 16, 2013
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. This is what we are going to talk about today. Creating simple geometric shapes At the beginning of this...

Monospaced Fonts: Most Popular Typefaces, Best for Webfonts

Adrian  •  Fonts, Resources  •  January 15, 2013
Monospaced Fonts: Most Popular Typefaces, Best for Webfonts

Have you ever used a typewriter? Banging the keys with your fingers and ensuring you hit them hard so as to put enough ink on paper has been the popular method to create documents aside from handwriting and more expensive blocks used for mass printing. During that time, printers are massive and are only used for published books, spreadsheets and marketing. Typewriters allow...

The Ultimate UX Design of: the Credit Card Payment Form

Marcin Treder  •  Design, UX Design  •  January 15, 2013
The Ultimate UX Design of: the Credit Card Payment Form

In this series Marcin Treder of UXPin – The UX Design App explains how to design the User Experience of the most important ingredients of web and mobile apps. Step-by-step tutorials and examples from the most important services in the world will help you in your own, everyday practice. The Peak Point of eCommerce and SaaS – the Credit Card Payment Form If you’re...

Create a Simple Contact Form in Adobe Photoshop

Eugeniu Zaitev  •  Adobe Photoshop, Tutorials  •  January 14, 2013
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 will meet that goal and align it with the goals of the organization behind the website. Standing between the user’s goal and...

Feature Detection Strategy: a wise web development thanks to Modernizr

Ezequiel Lavaca  •  Coding  •  January 13, 2013
Feature Detection Strategy: a wise web development thanks to 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. Say welcome to Modernizr. Why to apply the new features in old browsers Many times designers and developers are encouraged for the spur of the new...

CSS Layout Properties for Noobies

Paula Borowska  •  CSS3, Tutorials  •  January 12, 2013
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 established in a design. It is a fundamental part in creating just about anything. When it comes to web design, layout is very important. It allows the visitor to...

Practical Guide to WordPress Multisite Network

Gagan Goraya  •  Tutorials, WordPress  •  January 11, 2013
Practical Guide to WordPress Multisite Network

The Multisite Network feature of WordPress lets you host more than one site using a single installation. I will walk you through the steps involved in the setup and then guide you through some basic functions for the maintenance of the network. I am executing this example on a localhost environment on a windows based machine. So, along with the online web server specific...

What’s Hot Now: Infographics for Your Site

Carrie Cousins  •  Design, Website Design  •  January 10, 2013
What’s Hot Now: Infographics for Your Site

Nothing seems to be hotter right now than the infographic. You can thank Pinterest for allowing us to share them all and startups like Visual.ly for helping designers everywhere create data stories with ease. How do you use the infographic trend on your website? What is an Infographic? Any visual representation of information is considered to be an infographic. They come...

Create an Instagram Widget in Adobe Photoshop

Stelian Subotin  •  Adobe Photoshop, Tutorials  •  January 9, 2013
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 the very popular mobile photo sharing service, Instagram. Follow along as I will teach you how to make from...