HTML/CSS/Ember.js/Bootstrap snippets

This commit is contained in:
Eryn Wells 2013-12-02 09:51:49 -08:00
parent 062099000d
commit 4aee1662fa
5 changed files with 120 additions and 0 deletions

View file

@ -0,0 +1,44 @@
snippet container
<div class="container">
${1:<!-- TODO: Fill this in -->}
</div>
snippet row
<div class="row">
${1:<!-- TODO: Fill this in -->}
</div>
snippet nbdefault
<nav class="navbar navbar-default" role="navigation">
${1:<!-- TODO: Navbar stuff goes here -->}
</nav>
snippet nbheader
<div class="navbar-header">
${1:<!-- TODO: Header goes here -->}
</div>
snippet nbbrand
<a class="navbar-brand" href="${2:#}">${1:FooApp}</a>${0}
snippet nbnav
<ul class="nav navbar-nav">
${1:<!-- TODO: Links go here -->}
</ul>
snippet nbnavright
<ul class="nav navbar-nav navbar-right">
${1:<!-- TODO: Links go here -->}
</ul>
snippet dropdown
<div class="dropdown">
<button class="btn dropdown-toggle sr-only" type="button" id="${1:menu}" data-toggle="dropdown">
${2:Title}
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" aria-labelledby="$2">
${3:<!-- TODO: Menu items go here -->}
</ul>
</div>
snippet dditem
<li role="presentation"><a role="menuitem" tabindex="${3:-1}" href="${2:#}">${1:Title}</a></li>${0}
snippet dditemdiv
<li role="presentation" class="divider"></li>${0}
snippet dditemhead
<li role="presentation" class="dropdown-header">${1:Title}</li>${0}

View file

@ -0,0 +1,17 @@
snippet tmp
<script type="text/x-handlebars" id="${1:app}">
${0}
</script>
snippet each
{{#each}}
${1:}
{{/each}}
snippet linkto
{{#link-to}}
${0}
{{/link-to}}
snippet out
{{outlet}}

View file

@ -0,0 +1,20 @@
snippet app
${1:App} = Ember.Application.create();${0}
snippet rmap
${1:App}.Router.map(function() {
${0}
});
snippet rroute
${1:App}.${2:Foo}Route = Ember.Route.extend({
${0}
});
snippet rrmodel
model: function() {
return ${1:null};
}${0}
snippet rres
this.resource(${1:'foo'})${0}

View file

@ -0,0 +1,39 @@
#
# CSS libraries
#
snippet bootstrapcss Minimized
<link rel="stylesheet" href="${1:http://dev.erynwells.me/tools/}css/bootstrap.min.css" />${0}
snippet bootstrapcss Full
<link rel="stylesheet" href="${1:http://dev.erynwells.me/tools/}css/bootstrap.css" />${0}
snippet normalize
<link rel="stylesheet" href="${1:http://dev.erynwells.me/tools/}css/normalize.css" />${0}
#
# JavaScript libraries
#
snippet bootstrapjs Minimized
<script src="${1:http://dev.erynwells.me/tools/}js/bootstrap.min.js"></script>${0}
snippet bootstrapjs Full
<script src="${1:http://dev.erynwells.me/tools/}js/bootstrap.js"></script>${0}
snippet jquery Minimized
<script src="${1:http://dev.erynwells.me/tools/}js/jquery.min.js"></script>${0}
snippet jquery Full
<script src="${1:http://dev.erynwells.me/tools/}js/jquery.js"></script>${0}
snippet jquery2 Minimized
<script src="${1:http://dev.erynwells.me/tools/}js/jquery2.min.js"></script>${0}
snippet jquery2 Full
<script src="${1:http://dev.erynwells.me/tools/}js/jquery2.js"></script>${0}
snippet ember
<script src="${1:http://dev.erynwells.me/tools/}js/jquery.js></script>${0}
<script src="${1:http://dev.erynwells.me/tools/}js/handlebars.js></script>${0}
<script src="${1:http://dev.erynwells.me/tools/}js/ember.js></script>${0}
snippet emberjs
<script src="${1:http://dev.erynwells.me/tools/}js/ember.js></script>${0}
snippet handlebarsjs
<script src="${1:http://dev.erynwells.me/tools/}js/handlebars.js></script>${0}

View file