Tips

Mocking Directives for Unit Tests in AngularJS

AngularJS allows us to introduce custom HTML tags with directives. More often than not, we need to have nested directives when things become more complicated. Lets say we have a directive called feedListDirective that will show a list of recent…

return false; in jQuery event handlers?

More than often we want to cancel the default behaviour of browser. In jQuery, do we return false; or e.preventDefault(); in event handlers?

Short Answer:
When in doubt, use e.preventDefault();

Resending AJAX request

jQuery makes it easy to use AJAX and bind it with various handlers such as success and error. Sometimes we would like to re-attempt an AJAX request if any error occurs, this could be achieved by introducing two additional configs in its AJAX settings.

Styling file input button on various browsers

File input field provides an easy way to allow users to upload file(s) from their system. However its design varies by a great margin across the major modern browsers. However, due to security reasons, styling a file input field isn’t as easy as one…

Resize page after all images are loaded

It’s quite a common practice for jQuery users to encapsulate their code in $(document).ready(); that it guarantees the codes inside are executed after the page’s DOM structure is constructed.

Useful but confusing structure in jQuery

I often came across with these two structures while dealing with jQuery:

(function ($) {
  // …
})(jQuery);

Encapsulating codes inside this structure helps to avoid definition clash of $. It creates an…

Using Git via SSH

When using git 1.7.1 on Centos 6 via SSH, this problem occurs whenever git password entry is required:

(gnome-ssh-askpass:9322): Gtk-WARNING **: cannot open display:

Annoying, sudo git pull seems to be a good workaround but not, it will affect…

Proxy: Disable Paging Parameters

Proxy in ExtJS defaults the following paging parameters:

• pageParam: 0
• startParam: 0
• limitParam: 25