Kelly Sutton kellysutton
kellysutton
/ graphql-example.txt
Last active
January 2, 2017 20:52
— forked from anonymous/graphql-example.txt
Do we need GraphQL?
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| POST /graphql | |
| Content-Type: application/graphql | |
| { | |
| post(id: 1) { | |
| id | |
| title | |
| comments { | |
| id | |
| body | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| gem 'strict_templates' |
kellysutton
/ application.js
Last active
September 10, 2016 20:00
Real-time Recipe for Rails and Ember using Pusher
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // app/routes/application.js | |
| import Ember from 'ember'; | |
| export default Ember.Route.extend({ | |
| currentUser: Ember.inject.service(), | |
| pusher: Ember.inject.service(), | |
| activate() { | |
| this._listenToPusherEvents(); | |
| }, |
kellysutton
/ generative-utility-colors.sass
Last active
July 27, 2016 18:05
Generating Color Utility Classes in SASS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $color-list { | |
| red #f00, | |
| green #0f0, | |
| blue #00f | |
| } | |
| @each $value in $color-list { | |
| .#{nth($value, 1)} { | |
| color: nth($value, 2); | |
| } |
kellysutton
/ exhaustive-markup.html
Last active
June 16, 2016 18:19
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img srcset="https://assets.imgix.net/flower.jpg?w=50 50w, | |
| https://assets.imgix.net/flower.jpg?w=100 100w, | |
| https://assets.imgix.net/flower.jpg?w=150 150w, | |
| ... | |
| https://assets.imgix.net/flower.jpg?w=5200 5200w, | |
| https://assets.imgix.net/flower.jpg?w=5260 5260w" | |
| src="https://assets.imgix.net/flower.jpg?w=540" | |
| alt="A white flower" | |
| /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img srcset="https://assets.imgix.net/flower.jpg?w=50 50w, | |
| https://assets.imgix.net/flower.jpg?w=100 100w, | |
| https://assets.imgix.net/flower.jpg?w=150 150w, | |
| https://assets.imgix.net/flower.jpg?w=200 200w, | |
| https://assets.imgix.net/flower.jpg?w=250 250w, | |
| https://assets.imgix.net/flower.jpg?w=300 300w, | |
| https://assets.imgix.net/flower.jpg?w=350 350w, | |
| https://assets.imgix.net/flower.jpg?w=400 400w, | |
| https://assets.imgix.net/flower.jpg?w=450 450w, | |
| https://assets.imgix.net/flower.jpg?w=500 500w, |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <img | |
| srcset="asset.png, | |
| asset-2x.png 2x, | |
| asset-3x.png 3x" | |
| src="asset.png" | |
| /> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| requirejs.config({ | |
| paths: { | |
| ramda: 'https://cdnjs.cloudflare.com/ajax/libs/ramda/0.13.0/ramda.min' | |
| } | |
| }); | |
| require(['ramda'], function (_) { | |
| const trace = _.curry(function(tag, x) { | |
| console.log(tag, x); | |
| return x; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Ember from 'ember'; | |
| const { computed, on } = Ember; | |
| // Our Higher Order Function, as before | |
| let has = field => computed.notEmpty(field); | |
| // The Component UI fields as before. | |
| const UI_FIELDS = ['userName', 'password']; |
kellysutton
/ clean-template.hbs
Last active
August 29, 2015 14:15
Reducing “action cruft” in your Ember templates