staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

ryugoo

• Yahoo! 株式会社
• 2013/10/07
• 資料は後ほどシェア

iOS 7 でアプリ開発はどう変わる (佐野さん)

• iOS 7 のデザイン原則
  • UI はコンテンツに従順 * Safari が分かりやすい
• ナビゲーションバーが殆ど消える

juno

MindBEMding

• MindBEMding – getting your head ’round BEM syntax – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
• BEM
• About HTML semantics and front-end architecture – Nicolas Gallagher

BEMとは？

• block, element, modifierの頭文字
• Yandexで発案されたフロントエンドの命名手法

haribote

@mixin all-retina-sprites($map, $dimensions: false){
  $base-class: sprite-map-name($map);

  .#{$base-class}-retina-sprite{
    background: sprite-url($map) no-repeat;
    @include background-size(ceil(image-width(sprite-path($map)) / 2) auto);
  }

  @each $sprite in sprite-names($map){
    .#{$base-class}-#{$sprite}{

alanhogan

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));

thulstrup

$sprites: sprite-map("sprites/*.png");
$sprites-retina: sprite-map("sprites-retina/*.png");

@mixin sprite-background($name) {
  background-image: sprite-url($sprites);
  background-position: sprite-position($sprites, $name);
  background-repeat: no-repeat;
  display: block;
  height: image-height(sprite-file($sprites, $name));
  width: image-width(sprite-file($sprites, $name));