19 posts written by Ahmad Hania
Ahmad Hania is a professional designer and developer with a B.Sc. in Computer Engineering. He is interested in freelancing and blogging. He is a cofounder of Wateen Technologies an application development and hosting company. He loves video games and sports. Read more articles by Ahmad Hania at his blog Follow Ahmad Hania at Twitter and Facebook.
Convert 1st Ideas from PSD to HTML [Very Detailed]
Ahmad HaniaIn 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.
![Convert 1st Ideas from PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_1stideas_convert.jpg)
Convert Burnstudio from PSD to HTML [Very Detailed]
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.
![Convert Burnstudio from PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/preview_large_bstudio.jpg)
Convert Your Product Landing Page From PSD to HTML [Very Detailed]
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.
![Convert Your Product Landing Page From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/preview_large_boxgen.jpg)
Converting Dezign Folio From PSD to HTML [Very Detailed]
In this article you will learn how to convert Dezign Folio 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.
![Converting Dezign Folio From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/preview_large_converDesignFolio.jpg)
Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]
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.
![Convert 1stDelicious Portfolio Layout From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/bigthumbs/700-800/1stdelicious-html-preview_large.jpg)
Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]
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.
![Convert a 3D Portfolio Dark Layout From PSD to HTML [Very Detailed]](http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/preview_large.jpg)
30 Auto Completion Scripts for Better User Experience
When developing web applications and you need to allow users of your application to choose some data like countries, currencies or even tags from a drop down, list or even from a text box, and the data is very large. You need to use an auto completion or suggestion script to make this task easier for the end user. You can always implement your own script if you have the knowledge and the time to do this, but if you can't then you can use a ready to use script. In this article I compiled a list of 30 Auto Completion Scripts to use in you projects.
50+ Easy to Follow Photoshop Poster Tutorials
A poster is any piece of printed paper designed to be attached to a wall or vertical surface. Typically posters include both textual and graphic elements, although a poster may be either wholly graphical or wholly text. Posters are designed to be both eye-catching and convey information. Posters may be used for many purposes. In this article I compiled a list of 53 easy to follow Photoshop Poster Tutorials so you can learn how to design your own posters.
45+ Very Functional Javascript Sliders and Scrollers
Every web developer needs to use Javascript in creating web applications, and when it comes to displaying multiple items on a page with a focus on a single item Sliders and Scrollers comes in handy. You can use Javascript Sliders and Scrollers with news, images or products to display data in an organized and user friendly way. In this article I compiled a list of 46 Very Functional Javascript Sliders and Scrollers for you to use in developing web applications.
40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials
Typography is defined as the art and technique of arranging type, type design, and modifying type glyph, and in order for you to master this art you should learn more techniques and methods to manipulate text to create stunning typography art. Using 3D effects makes text & typography more realistic and brings it to life. In this article I compiled a list of 40+ 3D Text Effect Photoshop Tutorials for you to learn new 3D text effects.
