Codecasts (alpha)

Codecasts is a new feature we've integrated to Labs.

Basically, using this feature you can record anything that you type in HTML/CSS/JS codeboxes. How is this helpful ? Whatever you record, other people will be able to playback that in a video-style and understand exactly how you created your stuff. It is immensely helpful for learning/teaching.

All you'll need to do is click the "Record" button (on top right) and then start typing in your code. You can Pause/Stop anytime by clicking the "Stop" button (on top right, it's basically the button that replaces the "Record" button on clicking).

As simple as that!

View this Presentation

Tips

Here are some tips to properly create codecasts:

• Write a lot of comments so that people who playback can understand exactly how you created your stuff in codecast.

• While writing comments, create the start and end characters together. For example if your comment is something like this: <!-- Comment --> , then first write <!-- --> and then include your comment text inside.

  Do the Same with CSS/JS comments, where you write /**/ first and then write your comment text inside.

  Why ? Let's say you want to write some HTML comment and start by writing <!--. That will comment out all the HTML code causing the output to show nothing. This will reflect during playback and can harm the learning experience.

• Try not to use preprocessors when creating a codecast unless your codecast is actually related to that particular preprocessor or targets some feature or trick regarding that preprocessor.

  This means people who do not understand that preprocessor will also be able to learn from your codecast.

Need Help ?

Email at hello@cssdeck.com