Feedback for my video screencast turning a Dribbble design into HTML/CSS/JS

5 years ago from , Front End Developer

I've started a Youtube series taking Dribbble posts and turning them into functional HTML/CSS/JS prototypes. I'm trying to improve my screencasting a bit and I just want some honest feedback.

I know that the video is probably too long (~48minutes), I need to enunciate my words a bit more, maybe speak up, and need to cut down on uhs, ands, etc. (forgot the proper terminology for them...).

I know the video is a bit long but maybe ya'll can just watch a short amount and give some constructive criticism.

Here is the video:Youtube Video

  • What can I do better?
  • 48 minutes is probably too long. Would 30minutes or <45minutes still be acceptable? How long is too long? I don't want to go too fast or cut too much out.

I'm hoping with a little practice I can improve the quality and just my overall ability to make videos/teach others.

PS: Just noticed the "Choose a Badge" switches based on contents of post title which is an amazingly cool detail.


  • Connor NorvellConnor Norvell, 5 years ago

    Fantastic work! I make tutorials for non-web related work, and here are some things I learned along the way that might help you.

    1. Speak up! thats the best way to show confidence, talk a little louder. I struggled with this myself, but it really makes a difference when you speak up.

    2. Definitely try to trim it down as much as possible. 30min isn't bad at all, but 10 - 20 is the sweet spot IMO, you'll get a lot more video finishes. But this can be hard for certain videos.

    3. and as you already mentioned, cut down on the Uhs, ands, likes, etc. I still struggle with this personally, but once you realize you are doing it, its much easier to stop (and considering this is your first video, you did fine!)

    great work! I am subscribed, can't wait to see more!

    0 points
  • Jay Morris, 5 years ago

    I thought it was great. I subscribed - looking forward to more content. 30mins is probably best and just have segments. Requires more editing but I think it works best these days with so much content out there.

    Good luck!

    0 points
    • , almost 5 years ago

      I've been thinking about the segments and I think since I do all my CSS in a modular approach, I can easily timestamp for viewers each area. 30minutes is definitely the current consensus.

      0 points
  • Tyce Clee, 5 years ago

    Great stuff, Gil! I've been wanting to do something like this for a very, very long time.

    A few quick questions if that's ok:

    • Do you host the demo anywhere? You could use CodePen and the GhostPen plugin for Chrome to achieve a similar kind of experience for viewers
    • Did you use a semi professional microphone for any of the voice-over work?
    • What do you think of a few of us frontend devs doing the same design and comparing frontend results to see what worked, was more / less efficient etc?
    • Or would it be better to work on different designs and combine them into a channel? I'm keen to get involved!
    0 points
    • , almost 5 years ago
      1. I post Github source and CodePen demos for each video. Here is the CodePen demo: http://codepen.io/gil--/pen/GjXNQo & Github Source: https://github.com/gil--/CSS-Snackables

      I love CodePen but I'm just most comfortable coding locally. I use Gulp + BrowserSync to achieve similar "live reload" results.

      1. I use the 'Audio-Technica ATR2100-USB Cardioid Dynamic USB/XLR Microphone' https://www.amazon.com/gp/product/B004QJOZS4 but I think I need to tweak the settings as the quality is still not quite where I would like it to be.

      2. I think these designs can often be coded in many different ways. It would definitely be interesting to see how other fellow frontend devs approach the same design.

      3. I'm not really sure tbh. I'm always interested in learning how to improve my own code quality and learn about different approach for the same end result.

      1 point
  • Kirk Lestelle, 5 years ago (edited 5 years ago )

    Nice dude! Trimming it down to 30ish minutes would definitely be helpful. I skimmed about a total of 10 minutes of it just to see where things would go, but overall I thought you did a good job of doing it on the fly.

    PS. I subbed to yah.

    0 points
  • Roman ZolotarevRoman Zolotarev, 5 years ago

    Hi Gil,

    Thank you for your awesome screencast! I have tried to record few screencasts myself, but none of them are published yet.

    Yes, 30 minute session would be better.

    I prefer 10-minute format, e.g. DAS by Gary Bernhardt, but it requires a lot of editing and preparation.

    Thanks again.

    0 points