Articles Tagged 'detailed'

Convert 1st Ideas from PSD to HTML [Very Detailed]

 Posted in: CodingHTML & CSSTutorials • Written by: Ahmad Hania • May 31st, 2011

In this article you will learn how to convert 1st Ideas: Stylish Design Agency Website from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout using CSS styles, some CSS3 styles and JavaScript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

 Read more

Convert Burnstudio from PSD to HTML [Very Detailed]

 Posted in: CodingHTML & CSSTutorials • Written by: Ahmad Hania • March 14th, 2011

In this article you will learn how to convert Burnstudio Personal Website from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and JavaScript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

 Read more

Convert Your Product Landing Page From PSD to HTML [Very Detailed]

 Posted in: CodingHTML & CSSTutorials • Written by: Ahmad Hania • February 25th, 2011

In this article you will learn how to convert Your Product Landing Page from PSD to HTML in a detailed step-by-step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript. When you’ve completed this tutorial you’ll have a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

 Read more

Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]

 Posted in: CodingCodingHTML & CSSTutorialsTutorials • Written by: Ahmad Hania • January 21st, 2011

In this article you will learn how to convert 1stDelicious: A Simple Clean Portfolio Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, CSS Sprites and CSS3 into a valid HTML/CSS and cross browser compatible layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

 Read more

Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]

 Posted in: CodingCodingHTML & CSSTutorials • Written by: Ahmad Hania • January 11th, 2011

In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. I hope that you can go through this tutorial and learn a few techniques that will help you in future projects.

 Read more

Create A Detailed Blue WordPress Blog Layout In Photoshop

 Posted in: TutorialsWeb Interface • Written by: Michael John Burns • December 15th, 2010

Hello there everybody and welcome to another PSD web design here at 1stwebdesigner. In my previous tutorial we learned how to create a Dark WordPress style layout.  Today you will be learning to create a clean light WordPress style layout and I hope all of you can follow this step by step tutorial. Let's get started.

 Read more

Create Really Detailed Dark Web Layout Using Photoshop

 Posted in: Tutorials • Written by: Michael John Burns • July 6th, 2010

Hello! Today I'm gonna teach you how to create a dark template, I tried to explain everything as detailed as I could, but let me know if you didn't get something right. This is my very first time on writing a tutorial and I am very excited about this chance. I will do my best to make this tutorial easy for you to follow, just follow screenshots as we move forward step by step and try to understand how to use these techniques in your own designs! Let's start?

 Read more