Mobile Development

GitHub for Web

GitHub provides an excellent web interface for viewing and managing repositories.

What you are seeing here is the remote representation of a repository. In detail:

  1. Repo name and type - Describes who owns the repository, what the name of the repo is and whether the repo is public or private
  2. A selectable overview of commits, branches, releases and contributors for a particular repository. Selecting any one of these options will bring a detail view of that selection.
  3. A drop-down selection of the currently viewed branch. Changing the branch will update the source code to reflect that branch.
  4. A selectable source code list organized within the committed file structure.
  5. Side bar - use the side bar for responding to issues and creating pull requests. Also contained here are the settings per repository.
  6. Connection settings - the lower right pane contains information on connecting to your repository. Typically, you will be wanting the SSH connection string to input into your Mac Github client. ZIP archive is good for downloading a backup of the repo.


One of the great features of the GitHub website, is the ability to drill down and view specific information about individual source code files including commit logs.

The steps to view blame are as follows:

  1. From the GitHub repository home page, hit the letter 't'
  2. Being typing the filename. In our above example, we are typing AppDelegate
  3. GitHub will filter in realtime file names, object and method names and display them in a clickable list
  4. In our example, we were looking for AppDelegate.swift, so we click on that
  5. Then hit the blame button on the top-right toolbar
  6. And behold, blame! A sequential list of your source code file with all changes made.

In the above graphic, we are looking at a blame of an individual source code file. Note the detail. You have a line-by-line listing of when that code was changed, by whom and a selectable commit entry to reference how that change was made. All items in blue are selectable.

[Videos] Navigating a GitHub Repository

Part 1:
Navigating a GitHub repository 1

Part 2:
Navigating a GitHub repository 2