Category: Uncategorized


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.


Make your website faster with Google tips

Posted by Alaa Badran in Uncategorized. No Comments

22nd November

Inside the Let’s make the web faster website, Google is sharing the tips & tutorials for better performing web pages like: HTTP Caching, PHP performance, Javascript optimization and more.

Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.
Also, links to various tools for the issue provided & a large community discusses the subject continiously.


Top 5 jQuery image galleries

Posted by Alaa Badran in Uncategorized. 10 comments

3rd May

This article is old. Please view 10 top jQuery plugins for images in 2011

I have collected some jQuery image galleries for you to choose your preferred one. Each one is working in different way than the other.
Here is the list of the top 5 jquery image galleries:


Image lightbox (imageflow) and image enlargement with Jquery

Posted by Alaa Badran in Uncategorized. 16 comments

12th January

While I was looking for a way to make a good lightbox with Javascript, I found a better way to do that. A simple code with a absolute result.

I used many ways to create this lightbox or as some people call “Image Flow”, but this way is a better way in my openion.
I used Jquery plugin and generated some code to get a great result.

Here is the explanation and the demo code for this script:


Learn AJAX, AJAX tutorial

Posted by Alaa Badran in Uncategorized. 6 comments

2nd January

What’s AJAX?

AJAX (Asynchronous JavaScript and XML) is a newly coined term for two powerful browser features that have been around for years, but were overlooked by many web developers until recently when applications such as Gmail, Google suggest, and Google Maps hit the streets.

The two features in question are that you can:

Make requests to the server without reloading the page

Parse and work with XML documents

Step 1 – say “Please!” or How to Make an HTTP Request

In order to make an HTTP request to the server using JavaScript, you need an instance of a class that provides you this functionality. Such a class was originally introduced in Internet Explorer as an ActiveX object, called XMLHTTP. Then Mozilla, Safari and other browsers followed, implementing an XMLHttpRequest class that supports the methods and properties of Microsoft’s original … Read More »