πŸ”© Build Podcast is a show about technology tools for design and development all in the fun spirit of hacking, creating and building stuff!
HTML CSS ApacheConf Perl Ruby Swift Other
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
001-webdevtools
002-terminal
003-html5boilerplate
004-git
005-markdown
006-wordpress
007-web-fonts
008-sublime-text
009-package-managers
010-sass
011-responsive
012-zen-coding
013-requirejs
014-local-web-servers
015-github
016-yslow
017-jade
018-fireworks
019-bash
020-nanoc
021-gruntjs
022-ssh
023-rails
024-heroku
025-virtualbox
026-modernizr
027-yeoman
028-api
029-oh-my-zsh
030-closure
031-inuitcss
032-travisci
033-aws
034-lodash
035-capistrano
036-apache
037-jekyll
038-alfred
039-vagrant
040-sinatra
041-vim
042-backbonejs
043-sql
044-node
045-bower
046-regex
047-styleguide
048-phantomjs
049-cloudflare
050-dom
051-svg
052-tmux
053-command-line-apps
054-d3js
055-ubuntu
056-angularjs
057-ghost
058-rspec
059-git-flow
060-gulp
061-docker
062-mocha
063-socket-io
064-redis
065-atom
066-es2015
067-swift
_layouts
_posts
automation
fonts
img
js
sass
start
templates
.bowerrc
.dockerignore
.gitattributes
.gitignore
.ruby-gemset
.ruby-version
.travis.yml
404.html
CNAME
CONTRIBUTING.md
Dockerfile
Gemfile
Gemfile.lock
Gruntfile.js
_config.yml
_dev_config.yml
about.md
apple-touch-icon-precomposed.png
bower.json
bp.yml
favicon.ico
feed.xml
humans.txt
index.html
logo-100.jpg
logo-1400.jpg
logo.svg
package.json
readme.md
screenshot.png
script.js
setup.md
share.md
sitemap.xml
style.css

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
  2. 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
  2. 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
  3. install python packages

    1. download python google data and install it
    2. download youtube-upload and install it
    3. 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
    ...
  2. 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 !