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]

Posted in Coding, HTML & CSS, Tutorials • Posted on 20 Comments

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.

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

Convert Burnstudio from PSD to HTML [Very Detailed]

Posted in Coding, HTML & CSS, Tutorials • Posted on 19 Comments

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] Read More

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

Posted in Coding, HTML & CSS, Tutorials • Posted on 8 Comments

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] Read More

Converting Dezign Folio From PSD to HTML [Very Detailed]

Posted in Coding, HTML & CSS, Tutorials, Tutorials • Posted on 17 Comments

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] Read More

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

Posted in Coding, Coding, HTML & CSS, Tutorials, Tutorials • Posted on 21 Comments

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] Read More

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

Posted in Coding, Coding, HTML & CSS, Tutorials • Posted on 20 Comments

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] Read More

30 Auto Completion Scripts for Better User Experience

Posted in Freebies • Posted on 6 Comments

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.

30 Auto Completion Scripts for Better User Experience Read More

50+ Easy to Follow Photoshop Poster Tutorials

Posted in Freebies • Posted on 7 Comments

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.

50+ Easy to Follow Photoshop Poster Tutorials Read More

45+ Very Functional Javascript Sliders and Scrollers

Posted in Freebies • Posted on 8 Comments

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 come 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.

45+ Very Functional Javascript Sliders and Scrollers Read More

40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials

Posted in 3D Effects, Text Effects, Tutorials • Posted on 9 Comments

Typography is defined as the art and technique of arranging type, type design, and modifying type glyph. 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.

40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials Read More
23.20.220.79 - unknown - unknown - US