Proudest Accomplishment: 2014 Edition



Proudest Accomplishment: 2014 Edition

0 0


GitHub-Power-Tips

A Presentation on how to get the most out of GitHub as a communication tool

On Github chipcullen / GitHub-Power-Tips

Proudest Accomplishment: 2014 Edition

By Chip Cullen

#1: Getting Hired

#2: Capital One Design Library

#2: Capital One Design Library

#2: Capital One Design Library

#2: Capital One Design Library

#2: Capital One Design Library

#2: Capital One Design Library

#2: Capital One Design Library

Other neat-o things

  • Hierarchical content relationships
  • Created my first custom plugin
  • Shortcode for generating on-page navigation

#2: Capital One Design Library

Bummers (for me)

  • Not as clean a separation between core content and presentation as I’d like
  • Search didn’t get implemented
  • The home page is totally hard coded

#2: Capital One Design Library

Outcomes

  • Site was delivered on time, within budget
  • Content authors seemed to be able to use it
  • Not sure if it will die on the vine

GitHub Power Tips

For those who have issues

By Chip Cullen | @chipcullen

Why a presentation on GitHub?

At EightShapes we use GitHub as a primary means of communication, especially with clients.

Oh hey, these are some notes. They'll be hidden in your presentation, but you can see them if you open the speaker notes window (hit 's' on your keyboard).

Don’t I already know most of this?

Most of us know 60-80% of this stuff.

It’s not the same 60-80%.

Let’s all up our game.

Checkboxes

Please, please, PLEASE use this

- [ ]

Strikethrough

~~I’ve been stricken!~~

Referencing issues

Referencing issues in commits

Referencing issues in another repo

Just paste the whole URL

Code Blocks

```
.classy-name {
  display: flex;
}
```

Code Blocks with Syntax Highlighting

```css
.classy-name {
  display: flex;
  font-family: "Comic Sans", Arial;
}
```

Syntax Highlighting works in Wikis

Tables

Table header | Another Table Header
---------- | -------------
A cell | Another Cell
Another row | Yet with more cells
Yes, one more row | Need to show off zebra striping

Emoji!

:dog2:

Full list at http://www.emoji-cheat-sheet.com/

Keyboard Shortcuts

Like Gmail, useful for navigation

(Hit ‘ ? ’ when not in a text area)

Keyboard Shortcuts

Personal Favorites:

g + i    (goes to Issues)

a    (when in Issues, filters by assignee)

Adding images to Wiki entries

  • You can’t drag’n’drop like Issues
  • Wikis are repos of markdown documents
  • Commit an image directory to the repo
  • ![title](images/name_of_image.png)

Any Favorite Tips of yours?

Reference

https://help.github.com/articles/github-flavored-markdown/

https://help.github.com/articles/writing-on-github/

THANK YOU

Chip Cullen

http://chipcullen.github.io/GitHub-Power-Tips