remitbri

 <meta name="format-detection" content="telephone=no">

remitbri

selector,
selector:hover,
selector:active,
selector:focus{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

remitbri

(document.documentElement ||  document.body.parentNode || document.body).scrollTop;

remitbri

Object.getPrototypeOf(console).log.call(console, val1, val2, …)

remitbri

module.exports = someViewFramework.extend({
  element : ".js-thatElement",
  
  events : {
    "click" : "doStuff",
    "keypress" : "doStuffKeyboard"
  },
  
  doStuff : function() {
    // foo

remitbri

alpha to hexa

Useful for colour values, the 'AA' in #RRGGBBAA

hexa = Math.round(i*255).toString(16)

for (i=0; i<=1; i+=0.05) {
console.log(i, Math.round(i*255).toString(16))
}

remitbri

hexa to alpha

Useful for colour values, the 'AA' in #RRGGBBAA

alpha = parseInt(hexa,16)/255

for (i=0; i<256; i++) {
  console.log(i.toString(16), i/255)
}

remitbri

React

A JavaScript library that manages the UI.

What does it do?

React enables you to express in a declarative way what your UI should look like at any point in time; while building your app with little, reusable blocks: components.

remitbri

So, about this short conversation about containing thing, some examples where I think this is not such an obvious move as it sounds.

import React from 'react';

export class Icon extends React.Component {
  /* ... */
  getDefaultProps() {
 return {

remitbri

.Icon{
  display: inline-block;
  vertical-align: middle;
  color: inherit;
}
.Icon--defaultSize{
  width: 1rem;
}

.Icon-subcontainer{