I hereby claim:
- I am briansipple on github.
- I am briansipple (https://keybase.io/briansipple) on keybase.
- I have a public key ASChCbTKxIsPPl3PHfHTIKV4VPjtyHQZuq3qV1tXd92YNQo
To claim this, I am signing this object:
#!/usr/bin/env node | |
'use strict'; | |
/** | |
* COPY FILE | |
* | |
* Usage: | |
* node <path-to-this-file> <sourcePath> <destPath> | |
*/ |
#!/usr/bin/env node | |
/** | |
* COPY DIRECTORY | |
* | |
* | |
* Usage: | |
* node <path-to-this-file> <sourcePath> <destPath> | |
* | |
* |
I hereby claim:
To claim this, I am signing this object:
import Ember from 'ember'; | |
export default Ember.Controller.extend({ | |
appName: 'Ember Twiddle' | |
}); |
/** | |
* ANIMATION DURATION VARIABLES | |
*/ | |
:root { | |
--anim-duration__default: 0.3s; | |
/** | |
* Scaling the size of an element up or down |
/** | |
* BREAKPOINTS THRESHOLDS | |
*/ | |
:root { | |
--breakpoint-threshold--mobile: 22em; /* Roughly, a min-width for handsets */ | |
--breakpoint-threshold--small: 30em; /* Roughly, a max-width for handsets in landscape */ | |
--breakpoint-threshold--medium: 49.125em; /* Roughly, a min-width for tablets */ | |
--breakpoint-threshold--large: 64em; /* Roughly, a max-width for tablets in landscape */ | |
--breakpoint-threshold--xLarge: 90em; /* Someone probably has a monitor 💻 */ | |
} |
This document is meant to be a brief "checklist" of things to setup for your Ember addon when beginning development in order to have the best possible architecture and workflow out of the gate. For more comprehensive material, the following are bookshelf-caliber:
Ember Addon Secrets - Written around the Ember 2.6 era, this article takes a much deeper dive into several of the topics mentioned here.
const { floor, random } = Math; | |
function boundedRandom(min, max) { | |
const spread = max - min; | |
return min + floor(random() * spread); | |
} |
# Byte-compiled / optimized / DLL files | |
__pycache__/ | |
*.py[cod] | |
*$py.class | |
# C extensions | |
*.so | |
# Distribution / packaging | |
.Python |
:root { | |
/* --------------- THEME COLORS --------------- */ | |
--theme-color__primary: #9D6D45; | |
--theme-color__primary--light: #AA764B; | |
--theme-color__primary--dark: #1D140D; | |
--theme-color__supporting-1: #56ee9d; | |
--theme-color__supporting-1--light: #99FBC7; |