I have added two jQuery animation demos to my SharePoint site:
- Scrolling news on the home page, based on the jQuery Tools plugin (its Scrollable feature to be precise)
- Dock menu with fisheye effect, based on the Interface plugin
At this point, these are “proofs of concept”, not ready yet for a production environment.
I have also transferred the Star rating demo from my old site. It is based on the star rating widget. For the occasion I have upgraded it with the June 2009 release.
For the record, the following jQuery demos are already present on the site:
- Sparklines (minicharts)
- Slider for the Gantt view (animation)
JavaScript – the language jQuery is based on - is becoming a more and more powerful tool for animations and other visual effects, and is slowly gaining ground in areas where Flash was previously considered the only option. This trend is driven by the development of new libraries/frameworks/plugins, the rapid progress of JavaScript engines in modern browsers, and new standards like the HTML canvas element and CSS3.
If you are interested in this topic, in addition to jQuery take a look at these 10 Impressive JavaScript Animation Frameworks and 10 excellent JavaScript solutions to graphing/charting data.
9 comments
Comments feed for this article
July 2, 2009 at 10:14 pm
Cameron
Hello – I see your Star Rating demo but I don’t see any other information about the star rating column. Will you please direct me on how to integrate this function into my site.
Thank you,
Cameron
July 3, 2009 at 12:36 pm
SharePoint Links for 2009-07-03 | MarkSimon.de
[...] More awesome jQuery demos: scrolling news, fisheye menu [...]
July 5, 2009 at 11:13 pm
Links (7/5/2009) « Steve Pietrek – Everything SharePoint and Office
[...] More jQuery demos: scrolling news, fisheye menu [...]
July 7, 2009 at 6:28 pm
larry
Great job again. This is almost identical to a post i read some time back except the solution was a webpart that was installed on the admin side. Now i am trying to figure out how to move the iframe to the right side of the window. Keep up the great work!
July 10, 2009 at 7:16 pm
Brian
This is excellent! I’ve been able to implement this into one of my SharePoint lists but was curious as to how you plan to store the data or if you are at all? I’ve seen that most of these types of widgets store the rating via PHP to a file on the web server. I don’t have that ability but believe I can store the rating in a column right in my SharePoint list. The only problem I’m not sure of is how to set the rating to the appropriate level when the page is first loaded, the website appears to be down
September 17, 2009 at 5:44 pm
Bill
Can the fisheye menu be located inside a webpart zone or is only for the page?
October 11, 2009 at 1:01 pm
Christophe
Bill, it’s up to you to decide both the scope and the location of the menu.
The interface plugin gives a nice effect, but it is not the easiest to configure. You’ll find on the Internet other fisheye plugins that are more accessible.
October 14, 2009 at 11:25 am
Chris Howell
Hi,
Any news on the scrolling news feature?
Cheers,
Chris
October 15, 2009 at 1:04 am
Christophe
The “scrolling news”will be part of an online workshop on animations, with endusersharepoint.com . The date should be announced soon.