Tutorials

10 Tutorials to Take Your WordPress Development Skills to the Next Level

By: DesignMag - As the community of WordPress designers and developers continues to grow, and as new versions of WordPress are released, there are more opportunities to learn different techniques and tricks that you can apply in your own work. In these 10 tutorials you will find strategies that should prove to be very useful in your own theme development. 1. Using Custom Taxonomies to Create a Movie Database Custom taxonomies in WordPress are similar to tags and categories, but they provide almost endless possibilities. In this tutorial Justin Tadlock shows a practical use for custom taxonomies...
read more

Advanced photoshop techniques for web designers- Part 3/3

By Marko Prljić If we look at web design today, it’s anything but simple. Sometimes you need that extra Photoshop knowledge in order to achieve the look we need.In this step-by-step tutorial, we are going to show you how to create five killer effects for your site.   1. Faded Shadow With a little bit of Blur and Quick Mask we can create shadows that fade out in any direction we want to. With this effect you can make boxes look like they pop out of the background. This example is from mint.com. Step 1 First thing first, the background. As usual by now, within New Document same dimensions...
read more

Advanced photoshop techniques for web designers- Part 2/3

By Marko Prljić If we look at web design today, it’s anything but simple. Sometimes you need that extra Photoshop knowledge in order to achieve the look we need.In this step-by-step tutorial, we are going to show you how to create five killer effects for your site.   1. Navigation Menus The most important part of a website: the navigation. I’ve chosen the example that uses some transparency and fade out effect (taken from legacylocker.com). Step 1 Open a New Document, same dimensions from previous example. Create a New Layer and fill it with Gradient Overlay using the color hex values...
read more

Advanced photoshop techniques for web designers- Part 1/3

By Marko Prljić If we look at web design today, it’s anything but simple. Sometimes you need that extra Photoshop knowledge in order to achieve the look we need.In this step-by-step tutorial, we are going to show you how to create five killer effects for your site.   1. Awesome Buttons Now what is a site without a great “Call to action” button? The design style and colors will depend on your overall site style and importance of each button. Here is one example of a simple but effective button that we’ll be trying to recreate (taken from transmissionapps.com). Step 1 Open New...
read more

10 useful resources for wordpress theme designers

We all know how wonderful wordpress is and one of the benefits of developing or designing for wordpress is the wordpress community,  support and help right on your fingertips, there are just so many quality resources available out there, these resources can save your time in your own development. But the problem is that there are so many resources available that sometimes it is difficult to find what you are looking for. On this post we feature 10 exceptionally useful wordpress resources that might be a good help for your wordpress porject!   Cheat Sheets and Reference Guides: 1. Complete WordPress...
read more

16 tutorials for creating highly detailed icons

Icon is fast become an important element in web design specially on the Web.2.0, they could basically make or break a website appearance, the mood of a website depends so much on the icons it use. In post, we feature a collection of icon tutorials using Adobe Illustrator for both advance and novice design.   1. Create A Vector Art Twitter Bird Character Icon In Adobe Illustrator 2. Create a Vector Film Slate Icon 3. Windows Vista Folder Icon Tutorial 4. Professional Technique for Creating Icons 5. Create a Vista Error Icon in Photoshop   6. Create a Cute Panda Bear Face...
read more