Comments on tone and style:
- Never apologize in a design brief
- keep it succinct
- Do not talk about design features that do not have a direct correlation with a problem
Definition: A design report documents the solution to a unique problem.
#A brief intro into Stateless functions#
So stateless functions are new in React 0.14 which are quite interesting. They look a bit like this.
const Test = ({name, amount}) => {
return <div className="test">{name} has £{amount}</div>;
};
ReactDOM.render(<Test name="ben" amount="-2000" />) // <div className="test">ben has £-200</div>
/* Column Styles */ | |
.col { | |
margin: 0 auto; | |
clear: both; | |
padding: 5.55555555% 3.7037037%; | |
} | |
.col-condensed { | |
clear: both; | |
padding: 7.4074074%; | |
} |
// Generate a set of 128x128 png icons for notifications from our color palette. | |
// Order must match .status-box:nth-of-type() declarations. | |
var color_data = { | |
"#1564f9": "UVZPl4Z7ha", | |
"#3fc41b": "U/xButvkTR", | |
"#fa8e1f": "X6jh83IXPs", | |
"#4ca8ea": "VMqOr4+3T5", | |
"#f71347": "X3E0eeps0u", | |
"#fcc124": "X8wST1RrWw" | |
}; |
import requests | |
class HoverException(Exception): | |
pass | |
class HoverAPI(object): | |
def __init__(self, username, password): | |
params = {"username": username, "password": password} | |
r = requests.post("https://www.hover.com/api/login", params=params) |
for f in *.scss; do sass-convert -F scss -T sass $f ${f%%.*}.sass; done |
# Git Shortcuts | |
alias gs='git status' | |
alias gst='git status -sb' | |
alias ga='git add' | |
alias gau='git add -u' # Removes deleted files | |
alias gp='git pull' | |
alias gpu='git push' | |
alias gc='git commit -v' | |
alias gca='git commit -v -a' # Does both add and commit in same command, add -m 'blah' for comment | |
alias gco='git checkout' |