Jade Snippets
Jade Snippets for Sublime Text 2
Details
Installs
- Total 35K
- Win 18K
- OS X 11K
- Linux 7K
| Dec 18 | Dec 17 | Dec 16 | Dec 15 | Dec 14 | Dec 13 | Dec 12 | Dec 11 | Dec 10 | Dec 9 | Dec 8 | Dec 7 | Dec 6 | Dec 5 | Dec 4 | Dec 3 | Dec 2 | Dec 1 | Nov 30 | Nov 29 | Nov 28 | Nov 27 | Nov 26 | Nov 25 | Nov 24 | Nov 23 | Nov 22 | Nov 21 | Nov 20 | Nov 19 | Nov 18 | Nov 17 | Nov 16 | Nov 15 | Nov 14 | Nov 13 | Nov 12 | Nov 11 | Nov 10 | Nov 9 | Nov 8 | Nov 7 | Nov 6 | Nov 5 | Nov 4 | Nov 3 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 7 | 1 | 1 | 4 | 4 | 1 | 6 | 4 | 1 | 3 | 1 | 3 | 1 | 5 | 5 | 0 | 4 | 8 | 7 | 7 | 6 | 3 | 1 | 2 | 3 | 7 | 4 | 3 | 10 | 0 | 3 | 4 | 2 | 3 | 4 | 0 | 6 | 1 | 1 | 3 | 1 | 6 | 2 | 2 | 2 |
| OS X | 1 | 0 | 0 | 1 | 1 | 1 | 1 | 1 | 0 | 2 | 0 | 0 | 0 | 0 | 0 | 3 | 0 | 1 | 1 | 2 | 1 | 2 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 0 | 0 | 0 | 2 | 2 | 0 | 1 | 0 | 0 | 3 | 1 | 4 | 2 | 0 | 0 | 0 |
| Linux | 0 | 2 | 1 | 2 | 2 | 2 | 0 | 1 | 2 | 1 | 0 | 0 | 0 | 0 | 1 | 2 | 3 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 2 | 1 | 0 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 |
Readme
- Source
- raw.githubusercontent.com
Jade Snippets for Sublime Text 2
A collection of Jade snippets. All suggestions are welcome.
Installation
Strongly recommend to install this repo through Package Control.
Snippets List
Conditionnals
if =>
if condition
//- code
if else =>
if condition
//- code
else
//- code
each =>
each value in variable
//- code...
case =>
case condition
when condition
//- code
default
//- code
Attributes
id => id=""
cla => class=""
hre => href=""
src => src=""
typ => type=""
nam => name=""
rel => rel=""
con => content=""
val => value=""
tar => target=""
act => action=""
met => method=""
pla => placeholder=""
ari => aria-*=""
itemt => itemtype="http://schema.org/*"
items => itemscope=""
itemp => itemprop
rol => role=""
data => data-*=""
Elements
a => a(href="http://", target="_blank")
img => img(src="image/", alt="")
scr => script(type="text/javascript", src="")
lin => link(rel="stylesheet", type="text/css", href="")
Forms
form => form(id="", method="", action="")
inp => input(type="text", placeholder="")
but => button(type="button", placeholder="")
tex => textarea(placeholder="")
pli => p > label(for="") + input(id="", type="")
Jade Specific
exte => extend
inc => include
mix => mixin name(param1, param2)
Filters
st => :stylus
le => :less
md => :markdown
cd => :cdata
co => :coffeescript
Templates
tem =>
doctype html
html
head(lang="en")
title ${1:title name}
meta(http-equiv="content-type", content="text/html; charset=UTF-8")
meta(name="description", content="")
meta(name="keywords", content="")
meta(name="viewport", content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;")
// if lt IE 9
script(type="text/javascript", src="js/html5shiv.js")
link(rel="stylesheet", href="css/style.css", type="text/css")
body
header
h1
.container
footer
script(type="text/javascript", src="js/jquery-1.11.0.min.js")
// if IE
script(type="text/javascript", src="js/placeholder.js")
tplh5bp =>
doctype html
//- TODO: Don't forget to set lang !!
html(class="no-js")
head
//- TODO: Check if it's the good charset
meta(charset='utf-8')
meta(http-equiv='X-UA-Compatible', content='IE=edge')
title
meta(name='description', content='')
meta(name='viewport', content='width=device-width, initial-scale=1')
//- TODO : Place favicon.ico and apple-touch-icon.png in the root directory
block css
link(rel='stylesheet', href='css/normalize.css')
link(rel='stylesheet', href='css/main.css')
block top-script
script(src='js/vendor/modernizr-2.7.1.min.js')
body
//-
Add your site or application content here
block main
p Hello world! This is HTML5 Boilerplate.
block bottom-script
script(src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js')
script.
window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')
script(src='js/plugins.js')
script(src='js/main.js')
//- TODO : Google Analytics: change UA-XXXXX-X to be your site\'s ID.
script.
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
Other
ie => // if lt IE 9