Newest Tutorials

This tutorial will teach you how to create a grungy icon and save it as a transparent png file. You can see the final result below and, as usual, you can also download the PSD source file.

Sure? Yes, it’s possible to create a simple and nice (3D) layout playing with some CSS3 stuff, only using code and without the help of Photoshop.

In this tutorial we’ll learn how to build a nice toolbar for our website using some CSS3 properties and basic jQuery techniques.

I’ve coded the PSD Template makingSEO and in this post you can read some quick tips used in the psd-to-html conversion (in case you missed the first part, please read Design A Clean And Fresh Company Website In Photoshop).

In this tutorial I will explain how to create a clean and almost serious (hard thing for me) web design for a company.

In this post I want to explain how to create a single page news aggregator using a RSS stream through Simple Pie.

I noted that retro is still very popular trend in web design, and my passion for this style is evident. Today I want explain a super-simple way to create a nice retro logo with an appropriate background. The final result, that you can see below, is adaptable for many uses in your web design works. This tutorial aims to improve quality/time ratio, a decent design in few minutes (approximately 10-15 minutes).

To create a basic WordPress theme the essential steps, in my personal approach, are four: sketch, PSD template, (X)HTML/CSS layout and, finally, WordPress code. In this post will learn how to make a web layout (xhtml/css from a psd template) that will become a WP theme (the third step). If you want to learn the basic techniques to make a PSD template, you can read Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop.

This is the second part of WaterColored Web Portfolio tutorial. In case you missed the first part of this tutorial, read Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop to learn how to make a web layout in PhotoShop. With this post we’ll learn how to realize a valid, standards compliant XHTML and CSS home-page from PSD template. So, now it’s time to write code! You’re reading the second PSD-to-HTML tutorial of PV.M Garage and for this …

In this step by step tutorial I explain how to realize a nice Web Portfolio Design with a Watercolored Background using two brush sets, a icon pack and some basic techniques. The context is clear: a web/graphic designer’s portfolio… fresh, simple and expressive.