Newest Tutorials

How to Allow Users to Notify You of Errors in WordPress Posts
Self publishing your ideas on the web has become extremely easy. However, the biggest downside of self-publishing is that you are entirely responsible for your mistakes. There is no one checking, proof reading and editing what you publish except yourself. You might have built yourself a good editing workflow where you cross-check your facts, spell-check your articles, and polish your thoughts with revisions, but there is always a chance that you might make a mistake. A small typo, a broken link, or another minor error can happen because you are human. Though if not reported on time, your error can stay there for years. In this article, we will show you how to allow your users to notify you of error in WordPress post content using error notifications.

How to design forms that convert
Whether as part of a registration form, a payment form, or a contact form, it seems we’re always asking our users to give us information. Unfortunately, a portion of visitors will see our form and, for whatever reason, decide to hit the back button. This could be because the form seems long and intimidating, they aren’t ready to purchase yet, or a host of other reasons.

Which JavaScript Recipe Is Right For You?
JavaScript has been called everything from great to awful to the assembly language of the Web, but we all use it. Love JavaScript or hate it: everyone admits there are serious flaws and not many other choices. Let’s start with some fundamental negatives. JavaScript has no good answer for some really basic features of modern programming languages: private variables and functions, packages and modules, standard localization mechanisms, code completion in editors.

How to Create a Realistic Reindeer with Gradient Mesh
Did you know Rudolph was a female? Only reindeer ladies have their horns in winter. But, it's not why I'm here. The reason is I'd like to show you how to draw a realistic reindeer with fluffy fur, using Gradient Mesh and more, in Adobe Illustrator. Moreover, you don't need to be a professional to learn it! Ready to try?

How To Create a Vintage Style Greaser T-Shirt Design
I love creating designs based on vintage Americana and being a bit of a hot rod and motorcycle fan the 50′s Greaser culture particularly captures my interest. I’ve been admiring logos, posters and t-shirt designs from the racer and custom scene and decided to have a go at designing my own t-shirt graphic based on an old school garage logo. Follow this step by step Illustrator tutorial to create a vintage logo and t-shirt design for Greaser Customs complete with distressed textures and aged effects.

Inserting Widgets With Shortcodes - WordPress tutorial
The shortcode ability of WordPress is extremely underrated. It enables the end user to create intricate elements with a few keystrokes while also modularizing editing tasks. In a new theme we’re developing, I decided to look into adding widgets anywhere with shortcodes, and it turns out that it isn’t that difficult.

Create a simple multi-item slider
A tutorial on how to create a simple category slider with a minimal design using CSS animations and jQuery. The idea is to slide the items sequentially depending on the slide direction. For today’s tutorial we want to show you how to create a simple item slider with CSS animations and some jQuery. The idea was inspired by the Aplle product slider where several little items fly in with a bouncing animation.

CSS Card Tricks
Know any good card tricks? Hopefully, after today, you will! We’re going to build some simple and attractive playing cards with pure CSS, then we’ll learn how to target and animate each card for some added fun. Along the way, we’ll see how to use before and after to build the cards with minimal markup. Let’s get started!

Create a Soccer App Interface
In the following tutorial you will learn how to create a soccer app interface using the Appearance panel in Adobe Illustrator. You'll create everything from the pitch, the players to the scoring system. So let's begin!

Make a Sketchy Wallpaper
This tutorial will show how we can create a sketchy wallpaper! We shall cover watercoloring, pencil sketching and some simple lighting effects. It will be good if you are working with a pen and tablet.

Create background with snowflakes and stars
How to create Christmas background with snowflakes and stars in Photoshop CS5. In this tutorial, you will learn how to use brushes and custom shapes in Photoshop to create Christmas illustration in a few simple steps. It’s a simple trick to apply, but very useful.

A Very Snowy Tutorial
This tutorial will cover a lot of ground (that may or may not be a bad play on words :) ). We will use both Illustrator and Photoshop to create a cool winter background. The focus will be showing you how to create custom patterns in Illustrator and custom brushes from these patterns in Photoshop. I think you’ll find a lot of these techniques very useful.

Draw your Snowman
This tutorial will show how we can draw a frosty snowman by using only Photoshop. It covers several techniques on using Pen and Brush tool to draw stuffs like scarf and furballs... Create a document with size 750×550 pixels.

How to Draw a Colorful, Fun, Vector Vampire
In this tutorial we're going to illustrate a not so scary vampire in a geometric style. We'll be using basic shape tools and the Pathfinder panel as well as a great method of creating a unique color palette.

How to Create an Editorial Illustration from Sketch to Vector
In today's tutorial, we'll look at how I started from a pencil sketch to then create an editorial illustration in Adobe Illustrator. I'll show you how I created some custom Art Brushes to add shading and detailing.

Reconstruct the Twitter Icon Using Circle Shapes
Icons and logos can appear complex to create, but these are often just basic geometric shapes combined together. Using basic geometric shapes like circle, square and triangle for icon design is very common. It's easy to begin with and allows designers to create simple structures quickly. In this post, I’ll demonstrate how to create the new Twitter icon from simple circle shapes.

Tips and Exercises to Master Spray Paint
Today we're going deep on spray can techniques. Not only we're again focusing on alternative techniques, but this time we're going to do this also thru video, check this out. So first of all, let me explain what is the main idea here: Lots of people ask me how could I achieve such interesting results using a media as spray paint.

How to Create a Responsive Image Slider in jQuery and CSS3
Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!

Colour a mono portrait by hand
Add subtle colouring to mono portraits to make them really eye-catching using Photoshop in just four easy steps! Back in the days before colour film was even invented, photographers used to hand-colour their black-and-white prints using little more than a paintbrush and a bottle of toner. Getting it right took patience and a steady hand, and involved watering down the toner until it was exactly the right shade before painting it on slowly and methodically. It was all too easy to get it wrong, and just one small mistake could be enough to ruin an entire print.

Understanding the Split Layout in Web Design
While this might sound a little silly and obvious in the beginning, this fundamental layout can be very effective. Our eyes tend to follow a zig-zag motion while skimming through a page. If the eye does follow a horizontally straight line - as in the Z-layout, he/she is concentrating (or is trying to). Since 90% of the Web traffic coming to your site does not pay detailed attention to your page, making your design "skim friendly" will definitely pay off.