Skip to content

Instantly share code, notes, and snippets.

View jasonhodges's full-sized avatar

Jason Hodges jasonhodges

20 followers · 73 following
  • out in the country
View GitHub Profile
@jasonhodges
jasonhodges / commitlint.config.js
Last active April 4, 2019 19:30
module.exports = {
extends: ['./commitlint.mobile.js'],
parserPreset: './parser-preset'
};
@jasonhodges
jasonhodges / material.module.ts
Created July 30, 2017 19:03
Angular module for holding all Material modules
import { NgModule } from '@angular/core';
import {
MdButtonModule,
MdCardModule,
MdListModule,
MdMenuModule,
MdPaginatorModule,
MdProgressBarModule,
MdSidenavModule,
MdSnackBarModule,
@jasonhodges
jasonhodges / ngrxintro.md
Created April 12, 2018 13:56 — forked from btroncone/ngrxintro.md
A Comprehensive Introduction to @ngrx/store - Companion to Egghead.io Series

Comprehensive Introduction to @ngrx/store

By: @BTroncone

Also check out my lesson @ngrx/store in 10 minutes on egghead.io!

Update: Non-middleware examples have been updated to ngrx/store v2. More coming soon!

Table of Contents

@jasonhodges
jasonhodges / SCSS.md
Created December 22, 2017 18:41 — forked from jareware/SCSS.md
Advanced SCSS, or, 16 cool things you may not have known your stylesheets could do

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

@jasonhodges
jasonhodges / index.html
Last active August 3, 2017 18:52 — forked from denisemauldin/index.html
Sankey Diagram with v4
<!DOCTYPE html>
<meta charset="utf-8">
<title>SANKEY Experiment</title>
<style>
.node rect {
cursor: move;
fill-opacity: .9;
shape-rendering: crispEdges;
}
@jasonhodges
jasonhodges / .block
Last active July 20, 2017 19:50 — forked from micahstubbs/.block
Sankey Particles | d3v4 & es2015+
border: no
license: Apache-2.0
@jasonhodges
jasonhodges / .block
Last active June 16, 2017 01:17
Sankey Diagram
license: mit
@jasonhodges
jasonhodges / .block
Last active June 2, 2017 20:56
d3v4 sankey
license: mit
@jasonhodges
jasonhodges / keys.pipe.ts
Created April 19, 2017 11:30
custom Angular 2+ pipe to transform an object of objects into any array
import { Pipe, PipeTransform } from '@angular/core';
/**
* usage: *ngFor="let item of data | key"
*/
@Pipe({
name: 'keys'
})
export class KeysPipe implements PipeTransform {
/**
* @param value - object of objects
@jasonhodges
jasonhodges / README.md
Created January 10, 2017 04:35 — forked from jxson/README.md
README.md template

Synopsis

At the top of the file there should be a short introduction and/ or overview that explains what the project is. This description should match descriptions added for package managers (Gemspec, package.json, etc.)

Code Example

Show what the library does as concisely as possible, developers should be able to figure out how your project solves their problem by looking at the code example. Make sure the API you are showing off is obvious, and that your code is short and concise.

Motivation