Skip to content

Instantly share code, notes, and snippets.

View chantastic's full-sized avatar

Michael Chan chantastic

1.1k followers · 1 following
View GitHub Profile
@chantastic
chantastic / package.json
Last active August 29, 2015 14:17
@learnreact—React on Rails: Testing with Jest
{
"scripts": {
"test": "jest"
},
"jest": {
"scriptPreprocessor": "<rootDir>/preprocessor.js",
"unmockedModulePathPatterns": ["<rootDir>/node_modules/react"]
}
}
@chantastic
chantastic / AudioFileStepSelector.coffee
Created January 18, 2015 19:20
My First React Component
# My First React Component
# Added to this Gist for posterity.
# Extracted from https://github.com/ministrycentered/transposr/commit/fa616871914ac16b72d0d1b035a08e01e337bd07
# January 08, 2014
{ div, input } = React.DOM
AudioFileStepSelector = React.createClass
getInitialState: ->
halfSteps: 2
@chantastic
chantastic / gist:65dc78e3e234aecce2c0
Created January 16, 2015 18:31
interfaces-versions
Accounts - branch/0-2-0
Check-ins - branch/0-0-4
People - branch/0-0-4
Resources - branch/0-0-4-2
Registrations - branch/develop
@chantastic
chantastic / dev-tools-lab.markdown
Last active August 29, 2015 14:08
Full Stack Labs: Level Up Dev Tools
@chantastic
chantastic / private_member.coffee
Created September 2, 2014 06:06
CoffeeScript Private Methods
class WithPrivate
constructor: (name)->
name = name
@getName = =>
name
@setName = (newName) =>
name = newName
@chantastic
chantastic / script.markdown
Created August 11, 2014 14:59
Full Stack Labs: Web Basics — HTML

Web Basics — HTML

The year is 1989

The year is 1989 and there's a man named Tim Berners-Lee. Tim looks a lot like a scienc-y, late-career, Bradley Whitford but without the molestache.

Tim was putting together a mix tape of Peter Gabriel, Hall & Oates, and KISS when when he thought: "I need a better way to share my science-stuff.doc file withe the world." and

BOOM. The Web.

@chantastic
chantastic / jsbin.juvixufu.html
Created July 12, 2014 13:54
<html>
<head>
<title>Select styles with CSS only</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: #fff;
font-family: helvetica, sans-serif;
margin: 4% 10%
@chantastic
chantastic / index.html
Last active August 29, 2015 14:01
Full Stack: Angular 101 Workshop (concepts)
<!doctype html>
<!-- exercise 1 -->
<!-- bootstraping an angular app -->
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.8/angular.min.js"></script>
</head>
<body>
@chantastic
chantastic / SassMeister-input.scss
Created April 29, 2014 15:10
Generated by SassMeister.com.
// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----
@each $h, $font-size in (h1: 2em, h2: 1.5em, h3: 1.2em) {
#{$h} {
font-size: $font-size;
}
}
@chantastic
chantastic / .projections.json
Last active February 13, 2024 19:42
ember-cli VIM projections
{
"app/adapters/*.js": {
"command": "adapter",
"template": [
"// export default DS.{capitalize}Adapter.extend();",
]
},
"app/components/*.js": {
"command": "component",