The First 5 Screencast Contestants
videos

Voting Begins: The First 5 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!

Today, you’ll learn everything from setting up your first Django project, to simplifying the beginnings of a jQuery plugin, to applying guides in Photoshop. Each video is less than or equal to five minutes.

1. How to Get a Django Project Up and Running in 5 Minutes

2. How to Test CSS Rules with Firebug

3. Jump-starting your Next jQuery Plugin

4. AWS S3 CloudFront Performance Benefits Versus a Regular Host

5. How to Use Guides in Photoshop for Web Design


Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.twitter.com/tylorskory Tylor

    Good luck! Great tutorials!

  • http://tehkemo.com tehkemo

    Great, all looks great, good luck!

  • http://www.iMatt.si iMatt

    Nice tutorials! Many luck to all of the competitors. Hope the best will win!

  • http://www.25thingsdesign.com Devin

    Too hard to decide. I have it narrowed down to 3.

  • http://joelongstreet.com Joe Longstreet

    gross, why was that guy running windows?

    AWS S3 CloudFront Performance Benefits Versus a Regular Host – was really a change of pace. Loved the incorporation of Safari’s developer tools, never seen that before.

  • http://evanriley.net Evan Riley

    Good luck to everyone, There all great screencast, it’s so hard to choose

  • http://adrusi.com adrusi

    great tuts, I really like how some are very different from what’s usually on here!

  • nouky

    Nice Tuts………..the one of Guides needed to raise up the volume I could barely here some

  • http://www.imblog.info Muhammad Adnan

    All are great videos ..

    here is mine :)

    http://screenr.com/GNH

  • http://fwebde.com/ Eric B.

    I vote for the Django one, because I’ve always been meaning to learn to use it.

  • arnold

    I voter for #2 , i like it , very well explained

  • http://www.davidkendallwebdesign.co.uk DaveK

    The way I see it is,
    1/ interesting but skimmed past the fact that some people use windows.
    (why they inflict that pain on themselves I dont know lol)
    2/ Totally useful real world tut, good stuff.
    3/ good if you already know a bit about jquery.
    4/ Very interesting touched on things I had no idea about, very informative.
    5/ Made simple maths, sound like nuclear physics, so not good for a beginner, and if you are more advanced you would have cracked this years ago.

  • Arvi

    I picked Testing css rules using Firebug! I’ve never done that with Firebug before. Great Tut!

  • LuK

    Hm, why should I pay another service just to get 600ms faster loading?? This is no relation…nobody “feels” 600ms, if it were 10s or something like that, ok…

    • Jarel

      Actually there were studies done by major companies like Amazon and a difference of 400ms caused a drop in visitors staying at their website. You can definitely “feel” 600ms.

      Plus, in the example, it’s just loading a few images, a main stylesheet and a few javascript files that were combined into one file. Imagine if you were loading 30 images, several stylesheets and several more jQuery plugins or something. Then you’re not dealing with just 600ms of latency, you’re dealing potentially much more.

      You’re obviously not familiar with AWS so it might interest you to know that it’s ridiculously cheap. We’re talking .15 cents per GB stored and something like .22 cents per GB transferred via CloudFront.

  • http://www.webcoursesbangkok.com Carl – Web Courses Bangkok

    CSS in the lead with Firebug :)

  • http://aerendyl.deviantart.com/ Aerendyl

    Voted! Good luck to all :)

  • http://tutorialblog.inf/ tutorial blog

    good post

    thank

  • Patrick

    Mh, number 5 is a bad tutorial. First, make a document as in the tutorial. Touch & hold the left ruler, move mouse to the document and you’ll see that you have a guide at the mousepointer. This guide can be moved over the document – if you are near at the middle of your document, you’ll see, that the guide will snap onto the middle of the document.

    And, next tip, if you don’t want to calculate other guides: Make sure, that the document isn’t zoomed-out, its better to have the document at 100% zoom. klick into the corner of the ruler and drag it on the centered guide. this will be your zero point of your document. Then klick on the left ruler, drag a guide to the position 500px left (and then right) from the middle of your document and you’ll have a fine 1000px wide sitetemplate.

    This way is MUCH faster than the menu method.

  • http://pablolarah.cl/ Pablo Lara H

    Absolutely the Screencast of Elijah Manor. The number 3.

  • http://www.graphic.totalh.com UNIXIS

    what font is thet you used on the post thumnail?? send me the link nahed_95_@hotmail.com

  • David Ferguson

    Holy crap, how did #2 double it’s votes since last night!?