Category Archives: Usability
Drag and drop from scratch using JavaScript
An example code to implement drag-ability in to an HTML element from scratch without using JavaScript library. JavaScript functions to provide drag-ability: function DDElement(ele, event) { addEvent(ele, “mousedown”, downHandler, true); addEvent(document, “mouseup”, upHandler, true); if (event.stopPropagation) event.stopPropagation(); else event.cancelBubble = true; if (event.preventDefault) event.preventDefault(); else event.returnValue = false; function upHandler(e) { e = e ||…
Custom prompt window using JavaScript
Below is a simple JavaScript code to create a custom prompt pop-up to get user input and set it to target field. /** * Open a custom prompt window to get user input * @param l String, Input label * @param v String, Default value of input box * @param len Integer, Max length of…
Liquid design : Importance and Considerations
The term “liquid” implies that a Website should flow smoothly into whatever space it is given. If you use a high resolution monitor, this may mean that you need to re-size your browser a little, which most people in that situation do. If you have a low resolution monitor, you will still see the information,…
Importance and considerations to make a user friendly web application
From my 4+ year’s professional experience I realized some important things to build user friendly website. Actually this will help to increase users of your website. These things are not big deal. Users first want a stable and easy application which is easy to use. After this they compare features with another application. Always assume…