nasum

<h1>Component Test</h1>
<div class="main">
    {{title}}
    <my-component-one data="{{$data}}"></my-component-one>
    <my-component-two data="{{$data}}"></my-component-two>
    <button v-on="click:output">
        check
    </button>
</div>
<div class="output">

nasum

div#contents{
    width : 200px;
    height : 200px;
    overflow : hidden;
    background-color : gray;
    margin-left : auto;
    margin-right : auto;
}
div#next{
    background-color:red;

nasum

div#contents{
    width : 200px;
    height : 200px;
    overflow : hidden;
    background-color : gray;
    margin-left : auto;
    margin-right : auto;
}
div#next{
    background-color:red;

nasum

jQueryのDeferredの練習。

nasum

div#container {
  letter-spacing: -.40em;
  div {
    display: inline-block;
    letter-spacing: normal;
  }
}

nasum

var object = [
  {
    "first" : 1,
    "second" : 2
  },{
    "first" : 2,
    "second" : 2
  },{
    "first" : 2,
    "second" : 1

nasum

#角丸の枠の中に幅100％の要素を入れるときの注意

角丸の枠の中に幅100%の要素を入れると中の要素が枠を突き破ってしまうので、overflow:hiddenではみ出した要素を消してやる必要がある。

nasum

#Q:first-childと:last-childのCSSが設定されていたとき要素が一つの場合どうなるか

A:跡の方が優先され、:last-childの内容が:first-childを書き換える。

nasum

jasmine: {
        // プロパティ名はテストケース名
        sample: {
          // このテストケースでテストするファイルの指定
          // 一気に指定するとエラーが大量に出るのではじめは1ファイルずつのほうがいいかもしれない
          src: 'src/**/*.js',
          options: {
            // テストケース
            specs: 'spec/*Spec.js',
            // ヘルパー

nasum

#高さ100%でヘッダーフッターありのページ