Skip to content

Instantly share code, notes, and snippets.

Grady Kuhnline heygrady

Block or report user

Report or block heygrady

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile

Model relationship mixins

Some mixins for managing model relationships.

  • belongsTo('this-model-name', 'to-model-name')
  • hasMany('this-model-name', 'has-model-name')
  • hasManyThrough('this-model-name', 'has-model-name', 'through-model-name')

The mixins are returned by factory functions that take standard arguments to create methods and properties based on the model names provided.

Example: Create Models


Model Buffered Proxy Mixin

Makes it easy to work with models through a buffered proxy. Designed to work with the model relationship mixins and supports an identical API for buffered relationship management. This builds on the functionality of the Ember Buffered Proxy library.

New States

Normally a model has two states:

  • Clean: no unsaved changes
  • Dirty: some unsaved changes

A buffered model has four states:

  • Clean: no unsaved changes
View example1.scss
#column-a {
@include grid-column; // make it a column
@include grid(6); // make it 6 columns wide
#column-b {
@include grid-column(6); // make it a column, 6 columns wide
#column-c {
@include grid-column; // make it a column
@include grid-plus(6, -10px); // make it 6 columns wide, minus padding
View background-box.css
/* multiple backgrounds */
/* Firefox 3.6+, Safari, Chrome, IE 9 */
.box {
url(corner2-tl.png) left top no-repeat,
url(corner2-tr.png) right top no-repeat,
url(corner2-br.png) right bottom no-repeat,
url(corner2-bl.png) left bottom no-repeat,
url(corner-t.png) left top repeat-x,
url(corner-b.png) left bottom repeat-x,
heygrady / blur.css
Created Mar 10, 2011
simple red text-shadow
View blur.css
h1 {
color: #00ff00;
filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
heygrady / _ui-corners.scss
Last active Sep 26, 2015
jQuery Corners Plugin
View _ui-corners.scss
// Variables
$ui-corners-cache-buster: true !default;
// default widths
$ui-corners-corner-height: 10px !default;
$ui-corners-corner-width: 10px !default;
$ui-corners-side-width: 10px !default;
View Final.js
(function(window, document, undefined){
"use strict";
// create a test element
var testElem = document.createElement('test'),
docElement = document.documentElement,
defaultView = document.defaultView,
getComputedStyle = defaultView && defaultView.getComputedStyle,
runit = /^(-?[\d+\.\-]+)([a-z]+|%)$/i,
View fixed.css
#container {
width: 960px;
margin: 0 auto;
[role="main"] {
width: auto;
margin: 0 0;
heygrady / final.css
Created May 27, 2012
Adaptive Images with CSS
View final.css
/* place these styles in your global stylesheet */
.image {
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
font: 0/0 serif;
text-shadow: none;
color: transparent;
View component.js
import Ember from 'ember';
import SearchableSelect from 'ember-searchable-select/components/searchable-select';
import layout from './template';
const menuSelector = '.Searchable-select__options-list-scroll-wrapper';
export default SearchableSelect.extend({
classNames: ['Searchable-select-infinite'],
You can’t perform that action at this time.