Skip to main content
  1. All Posts/

build-podcast

Tools HTML

This project is archived now. It was amazing to learn and share about various technical tools through 67 episodes from episode 1 on 1 June 2012 to episode 67 on 9 April 2016. Catch the archived videos on YouTube.

Build Podcast

Build Podcast is a screencast about technology tools πŸ”© πŸ”Œ πŸ”‹ πŸ”‘ πŸ’» for design and development. Each episode, Sayanee will be creating a screencast that will take you through step-by-step in using one tool to build a little project, all in the fun spirit of hacking, creating and building stuff!

Related links: Main website, Twitter, RSS Feed, Youtube, Vimeo, iTunes

Quick start

  1. install dependencies
$ bundle install && npm install
  • start the website

    $ npm start

Install

For website

  1. Install various packages:
$ bundle install # for jekyll
$ gem install vimeo tempfile json thor launchy # for vimeo script
$ npm install # for assets and automation scripts
$ brew install ffmpeg sox # for post-processing video and audio

For tmuxinator

  1. link tmux script bp.yml for starting up
$ ln -s /Users/{username}/Workspace/path/to/folder/bp.yml /Users/{username}/.tmuxinator/bp.yml # create a symlink
$ tmuxinator bp

For recording screencast and post-processing

  1. create episode.json in one up level of hierarchy
$ cp automation/episode.sample.json ../episode.json
# edit file episode.json accordingly
  • symlink scripts bp, norm and vimeo

    $ ln -s /Users/{username}/Workspace/path/to/folder/automation/bp /Users/{username}/path/to/folder/bp
    $ ln -s /Users/{username}/Workspace/path/to/folder/automation/norm /Users/{username}/path/to/folder/norm
    $ ln -s /Users/{username}/Workspace/path/to/folder/automation/vimeo /Users/{username}/path/to/folder/vimeo
  • install python packages

    1. download python google data and install it
    <ul dir="auto">
      <li>
        <a rel="nofollow noopener" target="_blank" href="https://code.google.com/p/youtube-upload/downloads/list">download youtube-upload</a> and <a rel="nofollow noopener" target="_blank" href="https://code.google.com/p/youtube-upload/wiki/Readme#Download_&_Install">install it</a>
      </li>
      <li>
        install both packages with the following commands:</p> <pre>$ tar xvzf {package}.tar.gz
    

    $ cd {package} $ sudo python setup.py install

Setup dev.build-podcast in local

This is to display the introduction page at the start of each screencast.

  1. edit /etc/hosts
...
127.0.0.1 dev.build-podcast.com
...
  • edit nginx config file /usr/local/etc/nginx/nginx.conf

    http {
      ...
      include /usr/local/etc/nginx/sites-enabled/*;
      ...
    

    server { listen 80; server_name dev.build-podcast.com;

    charset utf-8;
    add_header "X-UA-Compatible" "IE=Edge,chrome=1";
    index   index.html;
    
    location / {
      expires -1;
      add_header Pragma "no-cache";
      add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0";
      root    /Users/{username}/path/to/build-podcast/start;
    }
    

    } }

Development

This Github repository consists of sample code for each episode and the entire website for Build Podcast.
When preparing the show notes in local machine, execute the following in the command line in git branch master:

  • to build:

    $ LANG="en_US.UTF-8" && LC_CTYPE="en_US.UTF-8" && jekyll build
  • to add new posts: to start the Jekyll server with development configurations

    $ LANG="en_US.UTF-8" && LC_CTYPE="en_US.UTF-8" && jekyll serve --watch --config _dev_config.yml
  • to edit css and javascript: to start the GruntJS continuous compilation for CSS and JavaScript

    $ grunt

If there’s and error for invalid byte sequence in US-ASCII, try to reset the locale settings

LC_CTYPE="en_US.UTF-8"
LANG="en_US.UTF-8"

For quickly firing up all the above commands, use tmux:

tmuxinator bp

Scripts

Automation with scripts:

  1. Start a new episode: bp new
  2. Open an existing episode: bp open
  3. Record aa new episode: bp record
  4. Publish a new episode: bp pub

License

All content belongs to YOU under CC0 1.0 Public Domain Dedication. You can copy, modify, distribute and perform the work, even for commercial purposes, all without asking permission.

Donate

✨ I buy πŸ“š 🍫 πŸ”© πŸ”Œ πŸ”‹ with the donated money ✨