12 Wiggly icons for clicking!

Post Pages - Post Inline - WIRIS

11 Books for Reading

10 Courses for sharing

9 Tutorials for watching

8 Site for Storytell-ing

7 mobile Moodl-ing

6 Course-for-matting

5 a course about Jiiing

4 pretty themes

3 [awesome] plugins

2 Cheery images

and A freebie Christmas themed Glossary!

Here’s a special present from Frankie Kam to the Moodle community.  A simple way to add a little wiggle to your Moodle.

Have you ever thought about livening up your Moodle site’s user interface? About making a more interesting user experience while surfing your site?

Well, I’ve made use of Dynamic Drive’s Shake Image Script to make the images and avatar icons on my Moodle site go all wiggly. This is my ‘innovation’, if you will, and my first Christmas gift to the Moodle community. Well it’s not exactly BumpTop, but I think it makes to make the Moodle interface on my production site more interesting and more visceral.

If you move your mouse cursor over your avatar’s icon, it will come alive…I mean, wiggle. Everywhere your Avatar icon appears, the icon will wiggle. Like in a forum posting. See image below.

Here’s a Youtube video demonstrating the effect: http://www.youtube.com/watch?v=fnTe2TS1FOs
[youtube http://www.youtube.com/watch?v=fnTe2TS1FOs]

I’m sharing all the code and ‘tricks’ to make this possible on my blog. Read more here >>

Merry Christmas and Seasons Greetings to all at MoodleNews.com and to the Moodle Community!

Frankie Kam
Melaka, Malaysia

P.S., I’m now looking at making all the 2D Moodle activity icons wiggle as well. If anyone knows how I should do this, i.e., which file to edit, please share with me. Thanks in advance. 😉

Previous articleOn the 11th day of #Moodlemas the community shared with me…(Win a book of your choice!)
Next articleA look back at 2011 (by the numbers)



Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.