Web Design in Two Minutes

Web Design in Two Minutes

Nov 15th in Screencasts by Jeffrey Way

This is a time-lapse video of what was originally about 2 hours. Though this video doesn't teach anything specifically, it's strangely calming to watch.

PG

Author: Jeffrey Way

Hi, I'm Jeff. I'm the editor of Nettuts+, and the Site Manager of Theme Forest. I spend too much time in front of the computer and find myself telling my fiance', "We'll go in 5 minutes!" far too often. I just can't go out to dinner while I'm still producing FireBug errors...drives me crazy. During my free time, I sporadically write articles for my own personal blog. If it will keep you in the good graces of the church, follow us on Twitter.

Found via directedbysun on YouTube.com.

We'll be implementing guest web development screencasts beginning today. If you've created a wonderful video tutorial, or know of a great one, please email me at nettutsblog@gmail.com with a link! I'll definitely review it.


Related Posts

Check out some more great tutorials and articles that you might like

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Jaysun November 15th

    Wow that was pretty cool.

    ( Reply )
  2. PG

    Ariyo November 15th

    Cool

    ( Reply )
  3. PG

    Jose Chambrot November 15th

  4. PG

    Pedro Rogério November 15th

    2:17 minutes

    It’s cool.

    ( Reply )
  5. PG

    Vladimir November 15th

    Nice

    ( Reply )
  6. PG

    James November 15th

    I’ve always liked time-lapse videos, they’re just so cool and calming!

    I know it’s not web-related but this has to be one of the best time-lapse videos I’ve ever seen: http://www.vimeo.com/1831024 (They’re not models, that’s real footage!!!)

    Thanks for the post Jeffrey, can’t wait for more guest screencasts! :)

    ( Reply )
  7. PG

    Jhay November 15th

    Suki desu. Haha!

    Jhay

    ( Reply )
  8. PG

    Furley November 15th

    That’s awesome! I’ve tried doing that in the past but always ran into trouble with the screen capture software. What software do you use?

    ( Reply )
  9. PG

    Nathan November 15th

    Dang that was awesome!

    ( Reply )
  10. PG

    weblizzer November 15th

    such a great tutorial….

    ( Reply )
  11. PG

    Alex Fraiser November 15th

    That’s just awesome!

    ( Reply )
  12. PG

    Sean Nelson November 15th

    I actually recorded one of these not too long ago, but I wasn’t pleased with the outcome of my project so I never posted it. Maybe I should try it again…

    ( Reply )
  13. PG

    Steeven November 15th

    My life everyday – thank god not at that speed though.

    Thank you so much for sharing this video. I’ll use it to show clients next time they ask me for a “quick site redesign – you know, in 2 minutes – real cheap, real quick”…

    If they only knew what it takes to do real Web Design… Now they can have glimpse. “In 2 minutes”…

    ( Reply )
  14. PG

    Gesahn November 15th

    Great video.

    ( Reply )
  15. PG

    Alan November 15th

    Interesting…

    How do you speed up an ordinary video? I’ve always wanted to do a time-lapse on my video camera.

    ( Reply )
  16. PG

    Unreal Media November 15th

    I love to see ‘real’ coding at work. I do all mine in dreamweaver. I feel like Im cheating sometimes.

    ( Reply )
  17. PG

    Neil November 15th

    woa…how is that cool? I just wasted 2 minutes of my life,!

    ( Reply )
  18. PG

    Swami Atma November 15th

    I think the calming part comes from the music, not the video itself.

    ( Reply )
  19. PG

    Lamin November 16th

    Digging it…

    ( Reply )
  20. PG

    Reader November 16th

    Sometimes i can find really nice stuff on nettuts.com, but things like this are just crap, srry. Who cares about a bad quality screencast which doesnt teach ANYTHING. Beside this, the design doesnt look good.

    ( Reply )
  21. PG

    Eray Alakese November 16th

    Thank you :) are there slow version of this?

    ( Reply )
  22. PG

    duellsy November 16th

    Love timelapse… pretty quick build! well done

    ( Reply )
  23. PG

    Lavin November 16th

    Really cool man, really cool!

    ( Reply )
  24. PG

    GLR November 16th

    Awesome

    ( Reply )
  25. PG

    Brad Strickland November 16th

    That is a great movie. How long were you recording the screen I wonder?

    ( Reply )
  26. PG

    David November 16th

    boring…

    ( Reply )
  27. PG

    Shane November 16th

    @James – that video was fantastic – I may have had a few glasses of wine, but I really enjoyed that.

    Ahem.

    @Jeffrey – my wife watched the video earlier, and she asked why I can’t work at that speed :)

    ( Reply )
  28. PG

    Brian McCarrie November 16th

    I’ve got a problem with the word “Design” in this post.

    I have no idea what that site was about and I should know by looking at the design.

    You should have called this post “Build a generic web template in 2 minutes”

    Cool time-lapse video though.

    ( Reply )
  29. PG

    insic November 16th

    i thought the title of this post is for real.

    ( Reply )
  30. PG

    bjornredemption November 17th

    Wow all that work and didn’t check his email once! :) Great video!

    ( Reply )
  31. PG

    flo November 17th

    Cool ! Is the entire version true speed visible somewhere ?

    ( Reply )
  32. PG

    Michael Thompson November 17th

    “How to Build a Bland Website (in Photoshop) Like It’s 2001″

    There, fixed the title.

    ( Reply )
  33. PG

    Darren November 17th

    pretty coo! website granted was not the best… but i like the idea of the video, anyone know what song that was?

    ( Reply )
  34. PG

    Ackam November 17th

    Yeah I love it’s cool, more grease to your elbow

    ( Reply )
  35. PG

    Chritian Mejia November 17th

    I watched the video twice just to hear the song. It’s from the Amelie soundtrack, right? Yeah… It wasn’t the greatest movie but the cinematography and soundtrack are worth watching it. I have to agree with some of the above comments. The site was pretty bland. You can’t please everybody.

    Thanks for the screencast. Now how about Nettuts starts creating some rather than picking them off youtube!!! Jus’ my two cents.

    ( Reply )
  36. PG

    Jeffrey Way November 17th

    @Christian – We create screencasts every week. This is simply an extra posting on top of our regular tutorials.

    ( Reply )
  37. PG

    Gary Smith November 17th

    Video no longer available. :-(

    ( Reply )
  38. PG

    Jeffrey Way November 17th

    @Gary – It’s still working fine for me.

    ( Reply )
  39. PG

    Gio Borje November 17th

    It’s not a tutorial, but it’s very inspiring. It reaches deep for my passion in design.

    ( Reply )
  40. PG

    Rick November 17th

    HAHAHA. Jeff uses Dreamweaver. :-P

    ( Reply )
  41. PG

    Jeffrey Way November 17th

    Hey guys. Just to clarify – this isn’t my work. As I wrote above, this video was taken from YouTube. I love timelapse videos and wanted to share it.

    So, I’m not using Dreamweaver….”directedbysun” is using it.

    Personally, I use Visual Studio 08, and phpDesigner 08 – as you can see in my screencasts.

    ( Reply )
  42. PG

    Sam November 18th

    Hi…It’s nice but i wanna ask something to all EXPERTS here dt i wanna learn XHTML strict or transitional (i dont knw whch is more better) from basic to advanced leve/expert level & same for CSS but i don’t know where to start & which Book or Video tuts is better for me…..It’s sooooo confusion, somany books & vids are there but dunno wat to do ?????
    Please Help – Hope someone will guide me a right way…….
    May GOD bless You all.

    ( Reply )
  43. PG

    sean steezy November 18th

    man, lots of haters on this one. lets all take our life way too seriously and complain about everything… awesome!

    here’s a sweet video….

    http://www.break.com/index/it-guy-vs-dumb-employees.html

    ( Reply )
  44. PG

    Toan November 19th

    The design is bad and also some techniques he used

    ( Reply )
  45. PG

    Matt November 19th

    Wow, that was pretty cool… Good stuff!

    ( Reply )
  46. PG

    Cole Christensen November 21st

    Very cool.

    ( Reply )
  47. PG

    gordon November 21st

    and what is this tutorial about? what is this video for???

    ( Reply )
  48. PG

    kareem November 23rd

    this is wonderful tutorial i will put acopy of this lesson on
    my site here
    http://www.as7ap4you.com

    ( Reply )
  49. PG

    Curious Design November 25th

    Is there a tutorial that shows what he used to create the grids. It looked like he was using + signs

    ( Reply )
  50. PG

    Marcos November 25th

    Hi, I wanted to know which extension for Firefox…. use to use it as a Web editor in a video .. .. but I saw it does not say as it is called ..

    ( Reply )
  51. PG

    Betty December 3rd

    Hi, this video is great to learn basics. It teaches some great things.I am looking for some more videos on this topic.

    ( Reply )
  52. PG

    Yazz December 6th

    my respect to you jeffrey way, thanks for your effort, i like the tuto but do me a favor tell me the name of the song

    ( Reply )
  53. PG

    Jeff Adams December 9th

    i love these types of screencasts, they always seem to help me when I am first starting a new project when I suffer from that WHITE SCREEN syndrome. Well done.

    ( Reply )
  54. PG

    Paul December 10th

    Hi Jeffery,
    Where can I get the original video of this? I am trying to learn web design and your blog is very helpful. Though I’m a IT professional with 5+ years of experience working as an IT Expert and IT Officer, I really suck when it comes to web design. I just don’t know how & where to start.

    ( Reply )
  55. PG

    Dan January 6th

    Great tutorials!
    Q: can the links from this site/pages be made to open in a separate page? Kinda annoying when you try to check a recommended link and lose the original site.

    ( Reply )
  56. PG

    Maxi January 11th

    Quite nice, but we are beginners who do not move as fast as you.

    ( Reply )
  57. PG

    ebflute March 20th

    this is awesome.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    March 20th