ghernandez345

git branch --merged | egrep -v "(^\*|master|dev)" | xargs git branch -d

ghernandez345

/* Use this pattern when you want your parent components dimension
 * to be dependent by it's children components dimensions.
 */

const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    alignSelf: 'flex-start'
  },

ghernandez345

// This block is needed to execute Chrome on Travis
// If you ever plan to use Chrome and Travis, you can keep it
// If not, you can safely remove it
// https://github.com/karma-runner/karma/issues/1144#issuecomment-53633076
if(configuration.browsers[0] === 'Chrome' && process.env.TRAVIS) {
  configuration.customLaunchers = {
    'chrome-travis-ci': {
      base: 'Chrome',
      flags: ['--no-sandbox']
    }

ghernandez345

<!-- The fileinput-button span is used to style the file input field as button -->
<button class="btn btn-default btn-lg upload-btn fileinput-button">
  <span>Upload More Files</span>
  <!-- The file input field used as target for the file upload widget -->
  <input id="fileupload" type="file" name="files[]" multiple>
</button>

ghernandez345

/**
  * Show the related content of an element. Just add `relation-list` to your `ul` that contains
  * the elements that you will click. For all the elements related to the list items, just
  * add class 'related-content'.
  *
  * (eg.)
  * <ul class="content-list relation-list">
  *   <li></li>
  *   ....
  * </ul>

ghernandez345

// This will animate all the path rendering to draw from the begining of the path to the end of the path
var paths = d3.selectAll('path.link');

paths.each(function () {
  var path = d3.select(this);
  var totalLength = path.node().getTotalLength();

  path.attr("stroke-dasharray", totalLength + " " + totalLength)
    .attr("stroke-dashoffset", totalLength)
    .transition()

ghernandez345

// The only reason this stupid method exists is because some versions of android
// will not render the a fixed element correctly. We move it just so this dumb button
// will be visible.
moveButton: function () {
  var self = this;
  this.$('.buttons-section').css({bottom: '1px'});
  setTimeout(function () {
    self.$('.buttons-section').css({bottom: 0});
  }, 200);
},

ghernandez345

<!-- Simply wrap your h1 with another div. This html is very semantic and doesnt add a unnecessary div
     tag just for the icon. As far as anyones concerned, no icon even exists according to this HTML. -->
<div class="header-container">
  <h1>Some Header Text Here</h1>
</div>

ghernandez345

<!-- this anchor contains some other html elements as it's children. By default it will NOT
      expand to the size of its children. It's demensions in the browser will be 0x0 until you implement the correct css. -->
      
<a href="#someLink" class="some-link-button">
  <div class="button">Click here</div>
</a>

ghernandez345

html,body {
  height: 100%;
}

/* The bottom margin on #wrap must be the negative value of the height on #push and #footer.
 *
 * e.g.
 * ------------------------------------------
 * #push and footer height is 60px;
 * #wrap margin bottom is -60px;