PatrickJS

/*
	Triangle with Shadow
*/
input {
 padding: 0;
 margin: 0;
}
.form-control {
  height: 34px;
  padding: 6px 12px;

PatrickJS

/*
	Triangle with Shadow
*/
input {
 padding: 0;
 margin: 0;
 outline: none;
 -webkit-appearance: none;
}
input.origin:focus {

PatrickJS

/*
	Triangle with Shadow
*/
.pricing {
  padding: 2em;
}

input {
  padding: 0;
  margin: 0;

PatrickJS

/*
  Triangle with Shadow
*/

.pricing {
  padding: 2em;
}

.kcl-pricing {
  display: inline-block;

PatrickJS

Object.prototype.defineMethod = function(methodName, methodBody) {
  Object.defineProperty(this, methodName, {
    enumerable: true,
    configurable: true,
    value: methodBody
  });
};

PatrickJS

PUBNUB._publish = PUBNUB.publish;
PUBNUB.publish = function(body) {
  var channels = body.channel;
  if (typeof channels === 'string' && (/,/i).test(channels)) {
    this.publish(channels.split(','));
  }
  if (Array.isArray(channels)) {
    this.each(Array.prototype.slice.call(channels, 0), function(channel) {
      body.channel = channel;
      this.publish(body);

PatrickJS

Padding a string
Sometimes you want to pad numbers with zeros e.g. to align them on the console. Here is how I did that:

>>> ('00' + 3).slice(-3)
"003"
>>> ('00' + 42).slice(-3)
"042"
>>> ('00' + 103).slice(-3)
"103"
The -3 is the number*-1 of characters my string shall have in the end. I am adding two zeros at the beginning, because I am sure that a number is never an empty string. And after the string concatenation I just take only the last three characters. Simple but works nice without any kind of IFs or complex logic.

PatrickJS

<script src="your/map.js"></script>
<script src="your/app.js"></script>
<script src="//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&callback=onGoogleReady"></script>

PatrickJS

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

So you're curious in learning this new thing called (Functional) Reactive Programming (FRP).

Learning it is hard, even harder by the lack of good material. When I started, I tried looking for tutorials. I found only a handful of practical guides, but they just scratched the surface and never tackled the challenge of building the whole architecture around it. Library documentations often don't help when you're trying to understand some function. I mean, honestly, look at this:

Rx.Observable.prototype.flatMapLatest(selector, [thisArg])

Projects each element of an observable sequence into a new sequence of observable sequences by incorporating the element's index and then transforms an observable sequence of observable sequences into an observable sequence producing values only from the most recent observable sequence.

PatrickJS

var dynamicNext = '2';

var nexts = _.range(+attrs.dynamicNext);
_.reduce(nexts, function(elm) {
  return elm.next();
}, element)[0].focus();
// element.next().next()[0].focus();