jQuery and new site widgets


Comments (14) | Views (659)

Jquery

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.

14 Comments

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.

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! =)

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.

Reply

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

Cheers,
Brent.

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:
Firefox 1.5.0.5
XP SP2
15" Monitor (if that makes a difference)
Java, Flash, Shockwave etc enabled

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.

Reply

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

Reply
spitefulcrow July 28, 2006 12:03 PM

Jay, it's either the changes you rolled out or my update to Firefox 1.5.0.5, 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.
Help?

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.

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.

Reply

^ or try to LEARN how to spell.

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).

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! ;)

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.

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!
  • PLEASE UNDERSTAND SITE POLICIES BEFORE POSTING COMMENTS
  • 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)
Cat Around the World - Alpine Lakes> Dora A good salami is hard to find, and this finicky feline has been traveling the globe in search of the best. In this latest familiar but fun physics puzzle, your goal is once again to deliver the food in each stage to our hungry kitty by clicking the environment to change it.  ...
2,760 Views
0 Comments
Wasteland Siege> Dora You've got the biggest tower in the post-apocalyptic wasteland, so naturally everyone wants a piece of it. In this defensive shooter from Entertainment Forge, you'll need to keep building it and your defenses higher as you unlock upgrades to blast away increasingly tenacious foes.  ...
Find the Escape-Men 171: Ancient Pit Dwelling> Dora You're in a bind when you fall and find yourself trapped in some sort of ancient underground dwelling. Luckily, no1game's ten little green men are there to help you out... provided you can find them all first, of course.  ...
3,972 Views
0 Comments
Factorio (Early Access)> Satori From mining basic raw resources to producing sci-fi hardware, this elaborate indie strategy sim with sandbox crafting and action elements has you single-handedly advancing an entire planet just to get home!  ...

Recent Comments

 

Display 5 more comments
Limit to the last 5 comments

Casual game of the week

Whispered Secrets: Everburning Candle

Your Favorite Games edit

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

Monthly Archives