Category: DHTML


Building and Testing your JavaScript app with Yeoman

15th August

A simple guide about how to use Yeoman to setup your web application, test it and then built it for production.
Its the professional way to build your web app.



15 Most Useful jQuery Form Plugins

Posted by Alaa Badran in AJAX, DHTML, Forms, Java Script, Jquery. No Comments

3rd December

There are plenty of jQuery plugins to use for Forms. I have collected 15 of them that are the most useful plugins for Forms. Click on title to see the list.



Tips for Better Website Performance

1st July

I am here not talking about Server-side improvements. I am here talking about Front-End improvements that really affects the web page speed.

The time spent till the website is running on the client’s browser. If we analyze that time, we will get:

Request Time (in milliseconds)
Server Process Time, or response time (usually in milliseconds)
Downloading web page and files into browser (few to several seconds, depending on internet speed)
Rendering on browser.



Drag and Drop with jQuery for Touch Devices

23rd January

In the last post: Drag and drop with HTML5, i explained how to drag and drop using HTML5 and Javascript (jQuery). I mentioned that touch devices such as iPhone, iPad, BlackBerry, Samsung…. etc, does not support HTML5 Drag and Drop features.

Now, in this post, i want to explain how to make Drag and Drop possible for all devices. Before we start, you must know that it’s all about Javascript.. And i will use jQuery library while i am familiar with it and it simplifies writing javascript.


How to: Drag and Drop with HTML5

26th December

Drang n’ Drop in HTML 5 is supported by: IE9+, Firefox 3.6+, Safari 4+, Opera 11+ and Chrome 12+. But its not supported yet for touch devices like Touch Mobiles and Tablets.
To make things more clear, its not only HTML 5.. Its a combination between HTML 5, CSS 3, and Javascript.