5 Lightweight jQuery Alternatives for Mobile Development
We all love jQuery. This site is even dedicated to building beautiful examples that use the library. But there are situations in which jQuery is not the smart choice. If you are using it only for simple DOM manipulation or an AJAX request or two, why slow down your page load times and introduce an additional dependency?
The problem is more severe on mobile devices. You see, although we include jQuery via a CDN like Google’s, it is still not free – downloading it and parsing it still takes time. The very thing that made jQuery popular – perfect cross browser support, also makes it too bulky for use on mobile devices. After all, why would you need your mobile website to support old IE versions if it is meant to be viewed only on iOS and Android?
There are additional problems to be solved. jQuery’s approach to animations for instance is to modify the css style properties of an element in small intervals. This works fine on the desktop, but performs poorly on mobile devices. Pure CSS animations on the other hand (that use transitions and @keyframes) are hardware accelerated and smooth.
This means that a whole new approach must be taken for building mobile websites. Fortunately, there are five libraries that can help us with that.
This is the most feature-rich library out there that is specifically designed for iOS and Android (both using the webkit engine). It retains nearly all of jQuery’s functionality in 8kb (instead of jQuery’s 32) and adds support for touch events (including pinch to zoom) and pure CSS animations. It takes a modular approach – you only add the components that you need for an even leaner library.
$dom is even smaller – at 2kb it packs quite a punch. It keeps cross-browser compatibility and even handles animations (albeit taking jQuery’s approach with a timeout), but omits functionality like array manipulation functions and AJAX. The perfect use case for this library is when building responsive websites, which can be viewed on smartphones, tablets and desktops.
At 4kb XUI is a small framework for authoring HTML5 mobile web applications. It works across all of the devices in the mobile landscape and even has special builds for webkit, ie mobile and blackberry browser. It supports touch events and even has a jQuery compatibility plugin.
These are only some of the exciting new frameworks that are out there. But it isn’t enough to have an awesome name or site – the community is what makes or breaks an open source project. So if you find something interesting that is worth your time, make sure to spread the word about it.
Presenting Bootstrap Studio
a revolutionary tool that developers and designers use to create
beautiful interfaces using the Bootstrap Framework.