Using Color Psychology to Create an Effective Price Table

Whenever we start any new design project, we’ll usually sit down with the client and discuss all the relevant project details with the client. If you’re lucky, your client will have a relatively clear idea of what they want to achieve and perhaps even the functions and features they want for the site. However clients… Continue reading Using Color Psychology to Create an Effective Price Table

Tips on Using Inkscape’s Fill and Stroke Options

Fill and Stroke is the heart and soul of Inkscape – it’s all just lines and nodes until some style is applied. In this quick tip, we’ll check out some of the best stuff Fill and Stroke has to offer!   1. Fill Colors in Inkscape Step 1 There’s four main types of Fill styles… Continue reading Tips on Using Inkscape’s Fill and Stroke Options

Create a Vinyl Record Player Icon in Adobe Illustrator

In the following steps you will learn how to create a vinyl player icon in Adobe Illustrator. For starters, using a simple grid and the snap to grid feature along with basic tools you will create the main shapes. Next, you will learn how to create a conical gradient using a somewhat complex mesh. Using… Continue reading Create a Vinyl Record Player Icon in Adobe Illustrator

How to Quickly Isolate Product Photos Onto White Backgrounds Using Lightroom and Photoshop

Over the years, I have spent quite a bit of time experimenting with product photography; sometimes more successfully than others. While I spend my days working as the editor of Psdtuts+, I often spend time in the evenings helping my wife by shooting photos of her jewelry. In this tutorial, I wanted to share the… Continue reading How to Quickly Isolate Product Photos Onto White Backgrounds Using Lightroom and Photoshop

5 Web Design Mistakes of Small Businesses

It’s happens many times that you have decided to put lots of money and time into building a better web presence for your company. But the final result you see from all efforts and money is no growth in traffic or business from the new website. Before you or your company should launch a new… Continue reading 5 Web Design Mistakes of Small Businesses

Using Alignment to Improve Your Designs

Alignment is one of those things that comes hand-in-hand when working with grid systems. The subject of alignment isn’t simply a matter of choosing whether or not you want to align text or images to the left or right of a design (though those decisions obviously still matter), instead, we employ alignment to improve our… Continue reading Using Alignment to Improve Your Designs

Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

Print designers often work with digital illustrators and CG artists to help produce their work. In this tutorial, we will continue to develop a character concept from a Cgtuts+ tutorial by Nacho Riesco and show you how to create a print ad by combining photo manipulation techniques with some renders from another tutorial. Let’s get… Continue reading Create a Delicious Print Ad Using Photo Manipulation Techniques in Photoshop

How to Build a Dynamic Imgur Upload App Using jQuery & PHP

Many new online web services are providing backend APIs for developers. These allow anyone to connect into a web app and pull out specific information (or push or change bits of data). Today we’re specifically looking at the API for Imgur. In this tutorial I want to demonstrate how we can remotely mirror an image… Continue reading How to Build a Dynamic Imgur Upload App Using jQuery & PHP

30 Photoshop and Photography Tutorials to Get You Ready for Back-to-School

On iDevie, we are know that many of you reference our content in your studies. Lots of our readers are students in schools all over the world. Unfortunately, summer is coming to an end for many of you. That means it is time to start thinking about your studies again. In this article, we have… Continue reading 30 Photoshop and Photography Tutorials to Get You Ready for Back-to-School

How to build standards-compliant responsive design using @viewport

One of the key concepts in any responsive design is the change of viewport size. That’s because mobile viewports vary greatly from desktop viewports. To control the viewport size we traditionally use the viewport meta tag. However, the viewport meta tag, like all the worst browser developments of the last forever, isn’t W3C valid. It… Continue reading How to build standards-compliant responsive design using @viewport

Two-Factor Auth Using Authy

It feels like every day you read about a new security breach on a website, in many cases involving weak passwords. It’s a known fact that users are notoriously lax when it comes to choosing their passwords, so there needs to be a better way of providing secure logins to your site. That’s where two-factor… Continue reading Two-Factor Auth Using Authy

Build a Mini Image Gallery Slideshow using Galleria

After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how… Continue reading Build a Mini Image Gallery Slideshow using Galleria

Guidelines Of Using Colors In Web Design

When creating a website or any other type of application, you must be aware that the colors used in it are vital for the overall user experience. If the viewer find it difficult to use the application because of its colors, then you have a big problem. In order to avoid this situation, you should… Continue reading Guidelines Of Using Colors In Web Design

Promised-Based Validation

The concept of “Promises” has changed the way we write asynchronous JavaScript. Over the past year, many frameworks have incorporated some form of the Promise pattern to make asynchronous code easier to write, read and maintain. For example, jQuery added $ .Deferred(), and NodeJS has the Q and jspromise modules that work on both client… Continue reading Promised-Based Validation

Create Alternate Layouts With the Same Content Using Adobe InDesign CS6

Tutorial Details Difficulty: Beginner Program Used: Adobe InDesign CS6 Screencast Length: 14m 21s One of the most interesting new features of Adobe InDesign CS6 is the possibility of creating Alternate Layouts of the same content in the same InDesign document. In this tutorial you can learn how to make the most of this feature. Vectortuts+

Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

A few weeks ago we released two different introductory articles about HTML5 and CSS3, and I promised you we’d do some cool stuff together in the upcoming months. Well, I have been working hard on this video tutorial and I really hope you enjoy it. In this tutorial I will teach you how to create a… Continue reading Create a Responsive Website Using HTML5 and CSS3 – Video Tutorial

50 Amazing jQuery Plugins That You Should Start Using Right Now

jQuery has a wonderful community of programmers that create incredible things. However, it may become difficult to sift through everything that is released and find the gems that are absolute must-haves. This is why, in this post, you will find a collection of 50 new jQuery plugins and JavaScript libraries that, when applied with good… Continue reading 50 Amazing jQuery Plugins That You Should Start Using Right Now

60 Websites Using Full Screen Photographic Backgrounds

Using a large photograph as a background is becoming more and more popular in website design. The photograph offers more interest and far less work than a design. Many of our collection of websites using full screen photographic backgrounds actually use a slideshow – even more flexibility. We have also included some links to tutorials… Continue reading 60 Websites Using Full Screen Photographic Backgrounds

How to Create an Iron Cross Self-Mailer Template Using InDesign

Looking for something more exciting than a standard trifold or postcard? One attention-grabbing solution is the iron cross fold. This speciality, or exotic, fold gets its name from the cross shape/plus sign shape it forms when flat and unfolded. It is fairly easy to set up and will add significant flair to your piece. It… Continue reading How to Create an Iron Cross Self-Mailer Template Using InDesign