Sublime Text snippets

console.sublime-snippet

<snippet>
  <content><![CDATA[
console.${1:log}($2);
]]></content>
  <tabTrigger>cl</tabTrigger>
</snippet>

constructor.sublime-snippet

<snippet>
  <content><![CDATA[
function $1 () {
  if (! (this instanceof F) ) {
    return new $1();
  }

  $2
}
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>constructor</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

debug.css.sublime-snippet

<snippet>
  <content><![CDATA[
body {border: 3px solid red;}
$1
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>deb</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

height.sublime-snippet

<snippet>
  <content><![CDATA[
document.documentElement.clientHeight
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>height</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

media-quieries.sublime-snippet

<snippet>
  <content><![CDATA[
@media (min-width: $1px) {
  $2
}
]]></content>
  <tabTrigger>mq</tabTrigger>
</snippet>

siaf.sublime-snippet

<snippet>
  <content><![CDATA[
(function ($1) {
  $3
}($2));
]]></content>
  <tabTrigger>siaf</tabTrigger>
</snippet>

width.sublime-snippet

<snippet>
  <content><![CDATA[
document.documentElement.clientWidth
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>width</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>