Jade Snippets
Jade Snippets for Sublime Text 2
Details
Installs
- Total 35K
- Win 18K
- OS X 11K
- Linux 7K
| Feb 16 | Feb 15 | Feb 14 | Feb 13 | Feb 12 | Feb 11 | Feb 10 | Feb 9 | Feb 8 | Feb 7 | Feb 6 | Feb 5 | Feb 4 | Feb 3 | Feb 2 | Feb 1 | Jan 31 | Jan 30 | Jan 29 | Jan 28 | Jan 27 | Jan 26 | Jan 25 | Jan 24 | Jan 23 | Jan 22 | Jan 21 | Jan 20 | Jan 19 | Jan 18 | Jan 17 | Jan 16 | Jan 15 | Jan 14 | Jan 13 | Jan 12 | Jan 11 | Jan 10 | Jan 9 | Jan 8 | Jan 7 | Jan 6 | Jan 5 | Jan 4 | Jan 3 | Jan 2 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 0 | 4 | 1 | 2 | 4 | 3 | 5 | 3 | 1 | 2 | 1 | 2 | 6 | 3 | 1 | 3 | 4 | 2 | 4 | 4 | 3 | 1 | 0 | 1 | 2 | 3 | 2 | 2 | 4 | 5 | 0 | 5 | 4 | 1 | 2 | 0 | 0 | 4 | 3 | 2 | 1 | 1 | 1 | 3 | 3 | 4 |
| OS X | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 2 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 1 | 0 | 2 | 0 | 0 | 2 | 1 | 2 | 1 | 1 | 0 | 0 | 1 | 0 | 2 | 1 | 0 | 0 | 0 | 2 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 2 |
| Linux | 0 | 2 | 0 | 1 | 2 | 1 | 0 | 0 | 0 | 1 | 0 | 1 | 0 | 1 | 4 | 1 | 0 | 1 | 0 | 3 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 2 | 2 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 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