etoxin

/*
 * Improving upon example at: http://engineering.paiza.io/entry/2015/03/12/145216
 */

class MyApp extends React.Component {
  constructor(props) {
    super(props);

    this.handleChange = this.handleChange.bind(this);
    this.state = {

etoxin

{
  "Items": [ {
      "TemplateId": "BADGE_BATTLE_ATTACK_WON",
      "Badge": {
        "BadgeType": "BADGE_BATTLE_ATTACK_WON",
        "BadgeRanks": 4,
        "Targets": "\\nd\\350\\007"
      }
    }, {
      "TemplateId": "BADGE_BATTLE_TRAINING_WON",

etoxin

@mixin displayFlexbox () {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

etoxin

Website Go Live Checklist Gotchas

Pre Developmenmt

HTML

• Remove any http://placehold.it image placeholders.

CSS

etoxin

// JSON Chart Data Maker

var points = [];
var days = 31;
var months = 12;

for (var x = 1; x < months; x++) {
  for (var i = 1; i < days; i++) {

    var day = i < 10 ? "0" + i : i;

etoxin

/**
 * Parse an ISO string with or without an offset
 *   e.g. '2014-04-02T20:00:00-0600'
 *        '2014-04-02T20:00:00Z'
 *        '2014-02'
 *
 * Allows decimal seconds if supplied
 *   e.g. '2014-04-02T20:00:00.123-0600'
 *
 * If no offset is supplied (or it's Z), treat as UTC (per ECMA-262)

etoxin

.whatever{
            &::-webkit-scrollbar {
                width: 10px;
            }
            /* Track */
            &::-webkit-scrollbar-track,
            &::-webkit-scrollbar-track {
                box-shadow: inset 0 0 6px rgba(0,0,0,0);
                border-radius: 10px;
            }

etoxin

  /**
   * Lodash JSON Parse with error handling.
   * The _.attempt prevents JSON.parse from throwing an application error. Instead, it return an Error object.
   * @requires _
   * @param str
   * @returns {*}
   */
  function lodashJSONParse (str) {
    return _.attempt(JSON.parse.bind(null, str));
  }

etoxin

_.chain(123)
    .thru(function(num) {
        return _.every([ // or _.some for any item
            _.isNumber(num),
            _.anotherCheck(num),
            _.anotherCheck(num)
        ]);
    })
    .value();

etoxin

// font-size needs to be PX
// Line height needs to be em.
@mixin multilineTextWithEllipsis ($font-size, $line-height, $lines-to-show) {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: $font-size*$line-height*$lines-to-show; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: $font-size;
  line-height: $line-height;