HOME

Teaching Online Journalism

Looking at jQuery for visual journalism

With all this talk about the so-called death of Adobe Flash, the future of HTML5, etc., I thought I should take a closer look at jQuery. This post is intended to give you an overview and help you decide whether you too should take a closer look.

My first thought is that if you have weak skills in CSS (or no CSS skills at all), you can’t even think about using jQuery. You would need to improve your CSS skills before you tackled jQuery.

With that out of the way (sorry if that ruined your day), let’s note that:

As an introduction, I really liked this: jQuery Tutorials for Designers. It shows you what jQuery makes possible on today’s Web pages, and even if you don’t want to look at the code, you can open each of the 10 examples and click and see what it does. So in about 15 minutes, you will have a better idea about jQuery’s usefulness.

This example is my favorite: Image Replacement. It’s simple, and it’s really easy to apply this to all kinds of visual journalism situations that an online designer might encounter.

Many of the other examples are things I wouldn’t bother to do on Web pages, even though they look cool. I was reminded of how a lot of people are saying Flash is unnecessary because you can do all the menu effects and flyovers with JavaScript instead. These examples prove that. Of course, my view of Flash is not to use it for eye candy (like most of these jQuery examples), but instead to use it for complex explanatory journalism, like this.

For a very nice slideshow built with jQuery, see this tutorial: Create a Slick and Accessible Slideshow Using jQuery.

There’s also a nifty jQuery plug-in for making a slideshow: Coda-Slider (thanks to Lauren Rabaino for that link!).

Here’s another good tutorial for a slideshow: Automatic Image Slider w/ CSS & jQuery.

For the geeks among you, read why you should link to Google’s copy of jQuery instead of using a version on your own Web host.

And finally, the ever-helpful Chrys Wu (@MacDivaONA) recommended these free video tutorials for learning jQuery.


Categories: design, slideshows, teaching


6 Comments

  1. Gus says:

    I used to make Flash multimedia packages, but now I think JQuerry could be a better alternative.

  2. Hi Mindy
    I think J-query’s got lots of potential as a replacement or alternative to Flash. The fact it’s free is a big bonus. I started teaching myself javascript over the holidays and I’m hoping to start using the jquery library for cool stuff before long.

    Thanks for the above links and tips!

  3. I think jQuery is a good choice for sliding and hiding chunks of content. I’m going to need convincing before I consider it usable for complex packages.

    I feel sort of annoyed by the need to write code for things that in Flash I can just drop on the Timeline and — bang, bang, bang — it’s done. I’ll get really excited if someone writes an animation engine that generates lean JavaScript.

  4. KevinG says:

    A nice Introduction.

    JQuery is a useful evolution. The open standards will be dominant over the next little while but, as you note, there is quite a ways to go before it can easily duplicate more than relatively simple tasks without some real programming skills.

  5. [...] get a handle on how JavaScript works — then go on to learn about jQuery. (See my earlier post Looking at jQuery for visual journalism for a gentle introduction to why jQuery is [...]

  6. [...] Teaching Online Journalism – Looking at jQuery for visual journalism [...]

Leave a Reply