The Blog

Create a Sleek Corporate Web Design – HD Video tutorials on Webdesign Tuts+

Create a Sleek Corporate Web Design- Corpora

Hey everyone,

My first video tutorial just went up on Webdesign Tuts+. In this HD video series I’m showing you how to design a corporate website from scratch in Photoshop, then, in the 3rd day of the tutorial, I’m showing how you can code that website into valid HTML and CSS files.

So, check out the link above and watch the 2 hour tutorial and don’t forget to comment and rate :)

Oh, did I mention the PSD files are free for download on the tutorial page? Also, you can grab the fully working HTML/CSS from Day 3 & 4 of the tutorial.

Watch the entire series:

6 awesome web design tutorials you shouldn’t miss

Being a web designer, I found myself often in the position of searching for tutorials on how to achieve a certain effect or how to create a certain graphic element for my designs. Now, there are loads of tutorial websites out there, but I check 2 of them regularly since they have such professional content: WebDesign Tuts+ and PSD Tuts+, the latter being focused solely on Photoshop tutorials.

In my long quest for finding the tutorials I needed, I came across some awesome ones that didn’t necessarily fit my search criteria, but were teaching some pretty awesome techniques. So, I’ve decided to look back a bit through my bookmarks and share with you 6 of the most awesome ones I had saved.

1. Design An Innovative Portfolio Site Using Alternative UI/UX

Design An Innovative Portfolio Site Using Alternative UI/UX

Tutorial written by Paul J Noble for Webdesign Tuts+

In this tutorial, Paul J Noble shows us the steps to creating a unique and awesome looking portfolio page that takes advantage of some great jQuery trick, including jQuery Hotkeys. From the looks of things, he agreed to make another tutorial for Net Tuts+ showing us how to code the theme.

Check out the full tutorial →

2. Create a Clean and Minimal Portfolio Design (Plus a Free PSD!)

Create a Clean and Minimal Portfolio Design (Plus a Free PSD!)

Tutorial written by Curt Ziegler for Webdesign Tuts+

Curt Ziegler wrote this tutorial showing us how to design a simple, minimal portfolio page in Photoshop.

Check out the full tutorial →

3. The Making of CoffeeAddict: An Illustrative Wood Design (Free PSD and HTML!)

The Making of CoffeeAddict: An Illustrative Wood Design (Free PSD and HTML!)

Tutorial written by Ryan Scherf for Webdesign Tuts+

This is a great tutorial for a great end product. I like so many things on this design: the color scheme, the elements, the authentic look of the napkin, it’s great.

Check out the full tutorial →

4. Create a Leather-Textured, Realistic Briefcase Icon

Create a Leather-Textured, Realistic Briefcase Icon

Tutorial written by Andrea Austoni for PSD Tuts+


Moving on to PSD Tuts+, this tutorial was one of the first I saw on this site and it blew me away. I was amazed at how easy it is to create very good looking icons.

Check out the full tutorial →

5. How to Create a Photo Realistic Camera

How to Create a Photo Realistic Camera

Tutorial written by Mohammad Jeprie for PSD Tuts+


I was actually in search of a tutorial about a camera when I found this. Even tho it’s a bit longer and aimed towards the more advanced people in terms of Photoshop knowledge, it’s still a great resource and it sure came in handy when I needed it.

Check out the full tutorial →

6. How to Create an Envelope Icon in Photoshop

How to Create an Envelope Icon in Photoshop

Tutorial written by Asher Abbasi for PSD Tuts+


Here’s another tutorial that’s shows how very simple techniques can be used for great results. I’ve actually used a similar envelope in a recent project.

Check out the full tutorial →

Conversion – Premium HTML Template

Conversion - Premium HTML Template

I’ve just released a much more complex theme based on the landing page template I created a while ago.

Here’s some of its features:

  • W3C Valid HTML Code
  • Tableless layout
  • XHTML 1.0 Strict Doctype
  • Compatible With All Browsers
  • 18 Different Page Templates
  • 5 Different Landing Page Templates
  • It uses AviaSlider as the main image slider
  • Infinite Color Variations
  • Included CSS and PSD Files for Customization
  • Included Source PSD Files
  • Detailed Documentation + Screencasts
  • jQuery Powered Product Tabs, Tooltips, Menus and Sliders

For more details, check out the introductory video or go ahead and visit the item page on ThemeForest.net.

Enjoy :)

Video tutorial: How to create a template page for WordPress using Conversion

Hey everyone,

In today’s tutorial I’ll show you how to create a template page for WordPress using the HTML files from Conversion.

Watch: How to create a template page for WordPress using Conversion.

Video tutorial: How to integrate MailChimp and CampaignMonitor forms into Conversion

Hey everyone,

As the title says, I’ll show you how to combine the Conversion landing page with two of the most popular email marketing platforms out there: MailChimp and CampaignMonitor.

I’ve had quite alot of people ask me this question so I’ve decided to make a short video explaining the steps. So, enjoy and rate the video if you liked it :)

Watch: How to Integrate MailChimp and CampaignMonitor Forms.

Conversion – Premium Landing Page

Conversion - Premium Landing Page

Hey everyone,

Today I’ve released my new theme, Conversion. It is a premium business landing page and it features 5 different page template, valid code, a very clean and modern design and much more.

Here’s some features:

  • W3C Valid HTML Code
  • Tableless layout
  • XHTML 1.0 Strict Doctype
  • Compatible With All Browsers
  • 5 Different Page Templates
  • Page Template With Video Embedding Support
  • Infinite Color Variations
  • Included CSS and PSD Files for Customization
  • Included Source PSD Files
  • Detailed Documentation + Screencasts
  • jQuery Powered Product Tabs and Tooltips

For details, check out the introductory video or go ahead and visit the item page on ThemeForest.net.