Skip to content

Instantly share code, notes, and snippets.

View chrisrzhou's full-sized avatar
⌨️
clicking; clacking;

Chris Zhou chrisrzhou

⌨️
clicking; clacking;
View GitHub Profile
@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:11
D3 Pianogram Tiles

D3 Pianogram Tiles

bl.ocks.org link

Pianogram Tiles visualizes music notes and octaves as a heatmap matrix. This is a variation of the original [Pianogram][] which visualizes music notes and octaves in a histogram instead of a heatmap.

The project is created using AngularJS and D3.js.


@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:11
ngQuotes

ngQuotes

bl.ocks.org link

Master typing through quotes, learn quotes through typing.

ngQuotes is an AngularJS typing game built using the Javascript regex engine. This is my personal quote repository of my inspirational heroes.


@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:11
ng2048

ng2048

bl.ocks.org link

This is an AngularJS clone of the original [2048][] game.

Some code guidance obtained from [ng-2048][] with different implementations on merge and keypress functions.


Notes

@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:12
Font Awesome IconFinder

Font Awesome IconFinder

bl.ocks.org link

This is a quick and fun AngularJS app that searches and filters for [Font Awesome][] icons by name or by group.


Files

  • index.html: Displays a matrix of Font Awesome icon together with search filters using ng-repeat and filter.
@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:12
D3 Pianogram Arcs

D3 Pianogram Arcs

bl.ocks.org link

Pianogram Arcs visualizes music notes in a radial histogram. This is a variation of the original [Pianogram][].

The project is created using AngularJS and D3.js.


Instructions

@chrisrzhou
chrisrzhou / education.md
Last active August 29, 2015 14:14
Jekyll Resume

Education

Education is a life-long journey, not a destination.


Destinations

Rice University

Bachelor of Science in Physics

  • Aug 2006 - Dec 2009
@chrisrzhou
chrisrzhou / README.md
Last active August 29, 2015 14:15
Dances with Factors (Tutorial)

Dances with Factors (Tutorial)

a D3 picture produced by chrisrzhou

[Interactive Project Link][]

![image-180][]


@chrisrzhou
chrisrzhou / bootstrap.md
Last active August 29, 2015 14:19
Frontend Best Practices

Bootstrap Best Practices

General

  • Only style what you need. Create classes or IDs to allow targeting of specific elements.

Containers

  • Use container to create padding and margins that center based on screen width.
  • Use container-fluid to allow for expansion to the whole screen width while keeping a natural padding.
@chrisrzhou
chrisrzhou / git-advanced.md
Last active August 29, 2015 14:19
Git Resources

Git Advanced Resources

Interactive Rebase

  • Enter interactive rebase using git rebase -i
  • Some rebase options include:
    • squash: combine commits
    • edit: split commits (using git reset HEAD^)
    • reword: rename commit
    • pick: run commits in order