Pull to refresh using Hook.js

Pull to refresh using hook.js
260 Flares 260 Flares ×

Pull to Refresh effect using Hook.js

You must have seen that really awesome Pull to Refresh effect in apps like Twitter and Facebook and wonder how we can use it in your web project. If you want to that trendy Pull to refresh effect in your web project then this article can help you out to achieve that.

Hook.js

Hook.js | Plugin to acheive Pull to refresh effect

Hook.js is a jQuery plugin which developed by two awesomely creative designer and developer: Jordan Singer and Brandon Jacoby. You can achieve the effect just by linking this plugin in to your webpage and some styling to your effect.

Hooking the plugin

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<link rel="stylesheet" href="hook/hook.css" type="text/css" />
<script src="hook/hook.js" type="text/javascript"></script>

After linking the plugin file it’s time to add HTML

<div id="hook">
<div id="loader">
<div class="spinner"></div>
</div>
<span id="hook-text">Reloading...</span>
</div>

And you are done! Yes, it’s that much simple. To see the effect just scroll down the demo page little bit and scroll up and see the Pull to Refresh effect in action. To know more, visit developer website.

260 Flares Twitter 18 Facebook 9 Google+ 3 LinkedIn 229 Pin It Share 1 260 Flares ×
author avatar

Akash is a blogger, amateur photographer, speaker and a UI designer from Pune, India. He loves designing UI for websites and web applications for his clients. You can get in touch with him akash@dzyngiri.com | Twitter | Facebook

Connect with us

One Comment

Leave a Reply

(*) Required, Your email will not be published