5 New Screencast Contestants

5 New Screencast Contestants

Each day this week, we’ll post five of the top twenty-five videos from the Nettuts+/Screenr competition. Your job, if you choose to accept it, is to review these short web development video tips and choose your favorite one in the poll below. How should you judge? Quite simply – there are no rules! Pick the one that helped you the most. The most chosen video each day will earn a spot in the top five at the end of the week!

For the second day of this week-long video competition, you’ll learn about basic closures in JavaScript, using the Flot plugin to create graphs, building a content slider, and more!

1. JavaScript Disabled, no Problem!

2. Basic Closures in JavaScript

3. Plotting Graphs with jQuery and the Flot Plugin

4. Create a Content Slider with jQuery

5. Create an Automatically Updating Envato Comics RSS feed using Yahoo Pipes


Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://bestpstutorials-tr.blogspot.com BestPSTutorials-TR

    Goog sharing, thanks.

  • http://bestpstutorials-tr.blogspot.com BestPSTutorials-TR

    Good sharing thanks.

  • Michael

    The “JavaScript Disabled, no Problem!” quickcast was simply ingenious.

    I like it a lot!

    • jem

      The only thing that I can see being a possible problem is IE is sometimes known to freak out when JS attempts to modify an element (whether that be modifying the element itself or creating new elements within that element) before that element hasn’t completely loaded (or in some cases before that elements PARENT element has completely loaded).

      There’s actually a lot of documentation on this problem around the web as well, if you happen to get away with this working then I think that’s great!

  • http://juarezpaf.com Juarez P. A. Filho

    Let’s watching everyone and later choice the winner. Nice screencasts, I’m very impressed what we cand do in 5 minutes or less. :)

  • http://www.sorinistudor.ro Sorin Istudor

    at the 1. JavaScript Disabled, no Problem! you can do it with the noscript tag.

    • http://www.vagrantradio.com Jason

      I was thinking that while watching it, he just creates more work and markup.

    • http://james.padolsey.com James

      Yes, but the [noscript] tag doesn’t work in all situations.

      • Meshach

        Such as…?

      • http://css-tricks.com Chris

        @meshach: on the iphone-webkit btw.

    • http://edgespan.de Alexander

      for example: XHTML 5 (Mime-Type application/xhtml+xml ) does not allow noscript.

  • http://blog.nordahl.me/ Kenneth D. Nordahl

    My vote went to the content slider plugin. Great screencast.

    • http://ffffffive.com @ffffffive

      I agree! That was very helpful and he made it look so easy

  • http://www.philohermans.com Philo

    Great Screencasts! :)

  • Matt

    Great screencasts. I have to say though, while the 4th one is nice, the 1st DEFINITELY has it’s place, and I think it’s the best.

    You can have nice, flashy stuff, but you should always conform to all users first. That is a really helpful tutorial.

  • Confused

    I guess I don’t get #1, either. It seems backwards. Isn’t the whole point progressive enhancement, not progressive degradation?

    Isn’t best practice to start with a page that works for all users, and progressively add extra bits of JavaScript to enhance the functionality? And if you need to display something when someone doesn’t have JS enabled, just use the noscript tag.

  • http://www.developtus.com emilio

    tut n1 use have to js here is disable!tag!

  • joe

    I liked almost all of them.

    Couldn’t finish viewing the screencast “Basic Closures in JavaScript” due to the very irritating hum.

  • http://vasili.duove.com/ Vasili

    Nice JavaScript closure video. :)

    Seemed like more than 5 minutes.

  • http://adrusi.com adrusi

    #2 was a huge help, but i don’t think the was it was intended to help, that video finally helped me understand oop in js

  • http://www.websiteperks.com Nelson

    Content slider plugin all the way. It has nothing to do with the fact that I was trying to get one together for a site, great timing **grins**

  • http://www.jeffadams.co.uk Jeff Adams

    Loving these quick posts, it adds that extra dimension to Nettuts plus it gives you an insight into how others work in a short 5 min burst.

    Looking forward to the rest.

  • http://michaelrijsdijk.nl paadt

    I just LOVE these 5 minute screencasts!

    • http://www.jeffrey-way.com Jeffrey Way
      Author

      Glad to hear that! I do too. :)

  • http://www.aqibmushtaq.co.uk Aqib Mushtaq

    I liked all the screencasts… don’t know which one to vote for :(

  • Arvi

    Javascript Disabled is the winner for me here! Nos. 2,3,4 are great tuts too!

  • Natrium

    the speaker of the Flot-tutorial is hard to understand for a non-native English speaker like myself

    • http://www.damiandawber.co.uk Damian Dawber

      It’s certainly something I have to work on.

      This was actually only my second screencast and there’ll be plenty more to come from me as and when I find the outlook to publish them… hopefully i’ll get the chance to hone my skills then as an orator.

  • http://www.demogeek.com DemoGeek

    JavaScript Disabled screenr is one of those that sound simple but comes-in handy big-time. Voted! Good Luck!

  • teebee

    I voted on the presenter, not the content. I thought #1 did the best job presenting the info and voted for him although the most useful one for me was #4.

  • JGarrido

    I think the ‘No JavaScript No Problem’ screencast was most nicely explained and delivered, but thought the ‘JavaScript Closures’ one had the most interesting content (with the Yahoo Pipes demo coming in second, in that regard).

  • http://www.dev-hq.co.uk Joe

    I lake the last one!