Backbone.js

繰り返し復讐するためのテンプレート。

by FiNGAHOLiC

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.10/backbone-min.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<div class="area-app">
    <div class="area-header">
        <h1>Todos</h1>
    </div>
    <div class="area-contents">
        <form class="mod-form">
            <input type="text" placeholder="散歩に行く" class="field-add"><!--
            --><input type="submit" value="追加" class="btn-add">
        </form>
        <div class="mod-todoitems">
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
            
            <div class="mod-todoitem">hogehogehoge</div>
        </div>
    </div>
</div>

CSS

body {
    padding: 30px;
    background: #efefef...

JavaScript

(function(){
    
    
    
}());