🔩 Build Podcast is a show about technology tools for design and development all in the fun spirit of hacking, creating and building stuff!
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
001-webdevtools link to the blog post Sep 14, 2013
002-terminal link to the blog post Sep 14, 2013
003-html5boilerplate link to the blog post Sep 14, 2013
004-git link to the blog post Sep 14, 2013
005-markdown link to the blog post Sep 14, 2013
006-wordpress link to the blog post Sep 14, 2013
007-web-fonts link to the blog post Sep 14, 2013
008-sublime-text link to the blog post Sep 14, 2013
009-package-managers link to the blog post Sep 14, 2013
010-sass link to the blog post Sep 14, 2013
011-responsive
012-zen-coding link to the blog post Sep 14, 2013
013-requirejs link to the blog post Sep 14, 2013
014-local-web-servers link to the blog post Sep 14, 2013
015-github link to the blog post Sep 14, 2013
016-yslow link to the blog post Sep 14, 2013
017-jade link to the blog post Sep 14, 2013
018-fireworks link to the blog post Sep 14, 2013
019-bash link to the blog post Sep 14, 2013
020-nanoc link to the blog post Sep 14, 2013
021-gruntjs link to the blog post Sep 14, 2013
022-ssh link to the blog post Sep 14, 2013
023-rails link to the blog post Sep 14, 2013
024-heroku link to the blog post Sep 14, 2013
025-virtualbox link to the blog post Sep 14, 2013
026-modernizr link to the blog post Sep 14, 2013
027-yeoman link to the blog post Sep 14, 2013
028-api
029-oh-my-zsh link to the blog post Sep 14, 2013
030-closure
031-inuitcss link to the blog post Sep 14, 2013
032-travisci link to the blog post Sep 14, 2013
033-aws link to the blog post Sep 14, 2013
034-lodash link to the blog post Sep 14, 2013
035-capistrano removed empty project directory Dec 29, 2013
036-apache link to the blog post Sep 14, 2013
037-jekyll link to the blog post Sep 14, 2013
038-alfred
039-vagrant link to the blog post Sep 14, 2013
040-sinatra
041-vim link to the blog post Sep 14, 2013
042-backbonejs link to the blog post Sep 14, 2013
043-sql link to the blog post Sep 14, 2013
044-node link to the blog post Sep 14, 2013
045-bower link to the blog post Sep 14, 2013
046-regex link to the blog post Sep 14, 2013
047-styleguide link to the blog post Sep 14, 2013
048-phantomjs link to the blog post Sep 14, 2013
049-cloudflare link to the blog post Sep 14, 2013
050-dom link to the blog post Sep 14, 2013
051-svg 051 sag sample code Sep 25, 2013
052-tmux added read me for tmux sample code Oct 4, 2013
053-command-line-apps 053 Command line apps Oct 19, 2013
054-d3js 054 d3js episode Oct 25, 2013
055-ubuntu 055 ubuntu Nov 16, 2013
056-angularjs 056 angularjs Dec 29, 2013
057-ghost 057 ghost blogging platform Jan 31, 2014
058-rspec updated readme Apr 19, 2014
059-git-flow 059 git flow Jun 14, 2014
060-gulp 060 gulp episode Jul 28, 2014
061-docker new episode 061 docker Aug 24, 2014
062-mocha update for OSX's System_Integrity_Protection Jun 11, 2016
063-socket-io episode 63 socket io Dec 13, 2014
064-redis episode: 064 Redis Dec 27, 2015
065-atom new episode: 065 atom Jan 10, 2016
066-es2015 add episode 66 es2015 Mar 6, 2016
067-swift add episode 67 on swift Apr 9, 2016
_layouts refactor: rename url to non-redirected ones to free up cloudflare fre… Apr 11, 2016
_posts fix typo Jun 14, 2016
automation fix: add https for google font url Apr 9, 2016
fonts merged with branch gh-pages Oct 7, 2013
img feature: add info on terminal and cli prompt. fix #67 Feb 18, 2015
js refactor: use fluidvids to remove jquery dependancy for responsive vi… Dec 18, 2014
sass fix: add https for google font url Apr 9, 2016
start add episode 67 on swift Apr 9, 2016
templates refactor: format markdown for post template Dec 29, 2015
.bowerrc integrated bower. fixed #56. Sep 1, 2014
.dockerignore Docker integrated. fixed #54. Sep 1, 2014
.gitattributes refactor: add linguist gem to know language breakdown Dec 20, 2015
.gitignore episode: 064 Redis Dec 27, 2015
.ruby-gemset episode 63 socket io Dec 13, 2014
.ruby-version update package Dec 10, 2015
.travis.yml migrate from legacy to container based infra for travis ci Apr 11, 2016
404.html merged with branch gh-pages Oct 7, 2013
CNAME merged with branch gh-pages Oct 7, 2013
CONTRIBUTING.md add instructions on which files to edit Jun 15, 2016
Dockerfile Docker integrated. fixed #54. Sep 1, 2014
Gemfile
Gemfile.lock update packages Apr 26, 2016
Gruntfile.js episode: 064 Redis Dec 27, 2015
_config.yml update packages Apr 26, 2016
_dev_config.yml
about.md update upcoming episodes Apr 11, 2016
apple-touch-icon-precomposed.png merged with branch gh-pages Oct 7, 2013
bower.json refactor: use fluidvids to remove jquery dependancy for responsive vi… Dec 18, 2014
bp.yml refactor: automation script Dec 29, 2014
favicon.ico merged with branch gh-pages Oct 7, 2013
feed.xml
humans.txt merged with branch gh-pages Oct 7, 2013
index.html merged with branch gh-pages Oct 7, 2013
logo-100.jpg merged with branch gh-pages Oct 7, 2013
logo-1400.jpg merged with branch gh-pages Oct 7, 2013
logo.svg merged with branch gh-pages Oct 7, 2013
package.json update packages Apr 26, 2016
readme.md rearrande readme Apr 11, 2016
screenshot.png fix meta tags Apr 9, 2016
script.js refactor: use fluidvids to remove jquery dependancy for responsive vi… Dec 18, 2014
setup.md feature: add info on terminal and cli prompt. fix #67 Feb 18, 2015
share.md docs: better hyperlinks Dec 27, 2014
sitemap.xml updated to jekyll 2.3. fixed #53 Sep 1, 2014
style.css fix: add https for google font url Apr 9, 2016

readme.md

Build Podcast Dependency Status Dependency Travis CI

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
    • download youtube-upload and install it

    • install both packages with the following commands:

      $ 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

Click here to lend your support to: Build Podcast and make a donation at www.pledgie.com !