vasanthk

System Design Cheatsheet

Picking the right architecture = Picking the right battles + Managing trade-offs

Basic Steps

1. Clarify and agree on the scope of the system

• User cases (description of sequences of events that, taken together, lead to a system doing something useful)
  • Who is going to use it?
  • How are they going to use it?

chriseppstein

• CSSCritic
• PhantomCSS
• Wraith
• Diffux
• Depicted

danielguillan

.translate3d.opacity .my-selector {
  opacity: 0;
  transform: translateY(100%);
}
.no-js .my-selector, .no-translate3d .my-selector, .no-opacity .my-selector {
  position: relative;
  top: 100%;
  display: none;
}

KittyGiraudel

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

// Ever wanted to know what would be the color operations to apply to a color 
// in order to find a second color, just out of curiosity?
// Like, "how to programmatically go from #BADA55 to #B0BCA7"?
// --------------------------------------------------------------------------------
// @param (color) $a: first color

lanche86

<div>
  I am Horizontal and Vertical centered only by CSS!
</div>