jQuery and new site widgets

| Comments (14) | Views (7)


A fellow graduate of RIT, John Resig, has developed an awesome little Javascript library, called jQuery, that takes much of the chore out of client-side programming and makes it fun. Now, "fun" is not a word that I would normally associate with programming in Javascript, even though I do love the language and have used it for years here on JIG to improve usability; however, programming in Javascript can be a very hair-pulling experience especially when you factor in all the different browsers that your code must support.

But John says that jQuery was designed to change the way you write Javascript, and in just a day's work it has already changed my ways. Learning to use jQuery took just a couple of hours and I have already rolled out the first site features that make use of it.

There are now toggling widgets in the sidebar that can conveniently tuck all the game icons away. This feature will be useful to those with dial-up or slower Internet connections since all those icons will no longer have to be downloaded when tucked away. The state of each widget is saved in a cookie and remembered across pages and sessions. And to top it all off, the code appears to work flawlessly across all major browsers tested (Mac: Safari, Camino, Opera, and Firefox; PC: Firefox, Opera, and IE). Thank you, John!

I am very ecstatic about the ease with which I was able to make significant progress today, and I will therefore be incorporating more jQuery into the site moving forward, and converting my old Javascript code to use it instead.

Also, Technorati just rolled out a new site design this week and it now uses jQuery as its primary Javascript code base(!) So, if you do any client-side programming at all, do yourself a favor and head over to John's jQuery site and grab the latest release. It's free, of course, but if you use it be sure to send John a donation for his efforts. I just did. Click.


Glad you like it Jay! The community has been having lots of fun with it, which is just great. Just thought that you might like to know that there's a ton of extra plugins that you can use with your site. (This page is on the soon-to-be-released wiki).

Let me know if you have any problems, I'll be happy to help.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Thanks, John, I will definitely browser through those plug-ins.

I've only run into one minor issue so far. Safari (1.3.2) doesn't seem to like the .show() method on page load. My workaround is to do a .slideup followed by .slidedown. Not elegant, but it works fine in the other browsers as well.

Other than that, almost effortless. It's a beautiful way to work with Javascript, and I luv it! =)

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Now I'm definitely interested too! Just have to find out more about jQuery if it makes you love JavaScript ;)
Jay, this new widget feature is very nice.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Nice, I like this. I might have to have a close look at jQuery--could use it in my dhtml games.


Score: 0 (0 votes) Vote up Vote down Report this comment Reply

I just thought I'd mention that on my browser, the "stylesheet switcher" text is actually below the row of "j"s, and overlapping both the dividing line and the "many links here" text. I was just wondering if it's only me or if it's everyone.

System Stats:
15" Monitor (if that makes a difference)
Java, Flash, Shockwave etc enabled

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Thanks for that report, theholythom. I appreciate having all the details with which to track it down.

I've made a small change to reduce the font size of "Stylesheet", so hopefully that's better for now.

It's just a stop-gap measure, as I need to think of something better for the stylesheets. There just isn't room to add any more.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Templating has spread to JavaScript! Fantastic, I'll take a look.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply
spitefulcrow July 28, 2006 12:03 PM

Jay, it's either the changes you rolled out or my update to Firefox, but the links to spawn new windows with games in them no longer work. I added jayisgames.com to the list of allowed sites in the pop-up blocker, but it still doesn't want to open the new windows.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

spitefulcrow - if the problem you're referring to has to do with Tonypa's latest game, Geartaker, then it's not a problem with your computer at all, but with Tony's site instead. Hopefully it will be back online soon.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

What a great resource! I was worried I might actually need to *try* to leanr js, but now, this! Well, still may need to learn it, but now I can put it off a few years.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

^ or try to LEARN how to spell.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Cool to see that John is making a use of himself after college. ;-) I took Web Client/Server with him spring quarter (with Bogaard and Vullo).

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

John had aready started work on jQuery by spring quarter, as I remember my friendyn Brendyn showing off what could be done with it during a winter quarter class we took together.

But yes, I agree. It's always nice to see people actually putting their expensive RIT education to good use! ;)

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

Well, unfortunately I had to disable the widgets for now. They were not actually working in all browsers as I had thought. IE continues to be the bane of my Web development existence. Bad browser, bad.

Score: 0 (0 votes) Vote up Vote down Report this comment Reply

^ Scroll Up | Homepage >

Leave a comment [top of page]

    Please consider creating a Casual Gameplay account if you're a regular visitor here, as it will allow us to create an even better experience for you. Sign-up here!
  • You may use limited HTML tags for style:
    (a href, b, br/, strong, em, ul, ol, li, code, spoiler)
    HTML tags begin with a less-than sign: < and end with a greater-than sign: >. Always. No exceptions.
  • To post spoilers, please use spoiler tags: <spoiler> example </spoiler>
    If you need help understanding spoiler tags, read the spoiler help.
  • Please Preview your comment before posting, especially when using spoilers!
  • No link dropping, no domains as names; do not spam, and do not advertise! (rel="nofollow" in use)
On the Edge of Earth: 5000> Tricky On the Edge of Earth: 5000 is a sci-fi adventure game by Roope Tamminen, originally developed for the Ludum Dare 48 game jam under the theme of "Connected Worlds". In it, you play as an astronaut attempting to terraform a world, using a whole bunch of sciencey stuff he doesn't quite remember how to use. While enjoyment will on the player's tolerance for tinkering, On the Edge of Earth: 5000 is a charming experience that rewards experimentation.  ...
Hero and Daughter> Dora Tongue firmly planted in cheek and, um, assets spilling out all over the place, this dungeoncrawling RPG translated by vgperson and created by Tachi follows Ralph, a hero busted back down to level one, as he summons powerful female companions to help defeat the Dark Lord.  ...
Aries Escape: Episode No.14> elle While browsing a new display at the fine arts museum one day, you wind up trapped inside a strange exhibition. The artwork here is quite puzzling—literally. To escape these rooms, to even find the door, you need to collect clues and useful items, then use them to solve a series of puzzles.  ...
Button Escape 24> Dora There are eleven buttons you need to find and click in order to escape from this challenge by Tototo Room, but first you need to get in touch with nature to solve the puzzles in your way...  ...

Recent Comments


Display 5 more comments
Limit to the last 5 comments

Casual game of the week

Maestro: Dark Talent

Browser game of the week

Pirateers 2

Mobile game of the week

Goblin Sword

Your Favorite Games edit

Save links to your favorite games here. Use the Favorites editor.

Popular on JiG

The Room

Virtual Villagers: Origins

Submachine 9: The Temple

Surgeon Simulator 2013

The House 2

Papa's pastaria

Fireboy and Watergirl 4: The Crystal Temple

Fireboy and Watergirl 3: The Ice Temple


The Royal Trap

Loren the Amazon Princess

1931: Scheherazade at the Library of Pergamum

Magical Diary

Heileen Series

Visit our great partner: maxcdn!

Monthly Archives

Legal notice

All games mentioned or hosted and images appearing on JayIsGames are Copyright their respective owner(s).

All other content is Copyright ©2003-2014 JayIsGames.com. All Rights Reserved.