taxigy

// Block "button"
.button {
  padding: 1em;
  background-color: black;
}

// Block "button" -> element "label"
.button__label {
  color: white;
}

taxigy

// Okay
.button {
  background-color: black;
}

// Okay
.label {
  background-color: white;
}

taxigy

// Block "button"
.button {
  padding: 1em;
  background-color: black;
  
  // Element "label"
  &__label {
    color: white;
    
    // Modifier "big"

taxigy

Boyd's Law of Iteration

Colonel John Boyd was interested not just in any dogfights, but specifically in dogfights between MiG-15s and F-86s. As an ex-pilot and accomplished aircraft designer, Boyd knew both planes very well. He knew the MiG-15 was a better aircraft than the F-86. The MiG-15 could climb faster than the F-86. The MiG-15 could turn faster than the F-86. The MiG-15 had better distance visibility.

The F-86 had two points in its favor. First, it had better side visibility. While the MiG-15 pilot could see further in front, the F-86 pilot could see slightly more on the sides. Second, the F-86 had a hydraulic flight control. The MiG-15 had a manual flight control.

The standing assumption on the part of airline designers was that maneuverability was the key component of winning dogfights. Clearly, the MiG-15, with its faster turning and climbing ability, could outmaneuver the F-86.

There was just one problem with all this. Even though the MiG-15 was considered a superior aircraft by airc

taxigy

const app = require('express')();

app.get('/:locale/(:slug|:version/:slug)', (req, res) => {
  res.json(req.params);
});

app.listen(3001);

taxigy

layout	title	date	categories	crossposted
post	How I learned Clojure while solving easy coding challenges	2015-08-03	coding	logdown

I decided to learn Clojure (and therefore ClojureScript, since the two intersect significantly) by doing. Who'd ever blame me with that?

taxigy

/* ONE: nested media query and calc */
:root {
  --value: 30px;
}

.element {
  border-radius: var(--value);
  
  @media (min-width: 768px) {
    border-radius: calc(var(--value) * 2);

taxigy

// IN
const renderIndexPage = data => indexPage.replace('<!-- {{ data }} -->', `
  <script>
    window.CONTENTFUL_DATA = ${data};
  </script>
`);

// OUT
const renderIndexPage = data =>
  indexPage.replace(

taxigy

// Let's say that every new row is represented by an object with just two
// properties, "className" and "columns", with default values:
const EMPTY_ROW = {
  columns: [{
    className: 'col-md-12',
    text: ''
  }]
};

class App extends React.Component {

taxigy

const a = [[1,2,[3]],4];

function* flatten(e) {
  const [first, ...rest] = e;
  
  if (first instanceof Array && first.length) {
    yield* flatten(first);
  } else {
    yield first;
  }