with tinyBIGideas from all over the web, including my own.
The day has come, one of my oldest projects Enlightr.com has finally come to an end after 5 years. As a recap for those who aren’t sure what Enlightr was, as a short description, Enlightr.com was a service which takes self improvement blogs and then conveniently summarises them for you.
Hi, my name is Craig and I’m a Usability Consultant. I’m starting this blog because there’s a lot of misinformation in the web world. Over the course of the next few weeks/months I aim to clear the crap. I’ll be covering:
I’d like to take you on this journey, and I highly recommend you stick around.
P.S. I’m a BPS accredited psychologist based in Bournemouth. I’m offering my consultancy to you through this blog in preparation to starting a full usability business early next year. Also, I’m available for hire.
INTRODUCTION
jGravity adds gravity to either all or specified elements within a page. Using the plugin is as easy as $(‘body’).jGravity(); which will use default settings to apply the gravity effect, which I think you will find quite similar to how Google presented ‘Google Gravity’ in an earlier Google easter egg.
I created this plugin because it simply didn’t exist. I wanted a gravity type of effect for a current project and searching was very frustrating with little results. Although, I did find several leads to various other projects which contributed heavily to this plugin (mentioned below in credits).
HOW TO USE
As mentioned, all you need to do is use $(‘body’).jGravity(); to produce the main effect. Calling the jGravity() function produces the best results when used on the main body. Oh, and jQuery is required, tested on jQuery 1.7.2.
Simple Example:
<script>
$(document).ready(function() {
$(‘body’).jGravity();
});
</script>
Advanced Example:
<script>
$(document).ready(function() {
$(‘div.jGravity’).live(‘click’, function() {
$(‘body’).jGravity({
target: ‘everything’,
ignoreClass: ‘ignoreMe’,
weight: 25,
depth: 5,
drag: true
});
});
});
</script>
Also, don’t be afraid to use multiple jGravity() class on multiple targets to effect them differently.
SETTINGS
Example:
Feel free to play with the above settings until you receive the desired effect.
DEMO
You can find a demo available here: http://tinybigideas.com/plugins/jquery-gravity/demo/
CREDITS
jGravity would not be possible without the work of:
Copycat: https://chrome.google.com/webstore/detail/agoljmemkbciolpigpabjfkagboolkcj/reviews
Today my attention was brought to another extension which is basically a copy of my Website IP, a direct code copy. It even uses the same CSS.
Personally, this flatters me, but the main problem is that the user in question offered no type of credit or reference to my copied extension. Thankfully, the user added a better way of calling an IP based on Chrome’s new webRequest method which wasn’t available at the time Website IP was first published. So I am grateful for this, and happy to announce the immediate release of Website IP v1.5 which incorporates this improvement:
New features:
I hope this new release allows you to use this extension more freely and if you would like to copy any of the code, please feel free, just please credit where credit is due.
If you haven’t already, check out Website IP here: https://chrome.google.com/webstore/detail/ghbmhlgniedlklkpimlibbaoomlpacmk
