Skip to content

Instantly share code, notes, and snippets.

@HTMLsauce
HTMLsauce / HTML - img Place Holder.sublime-snippet
Created December 10, 2012 13:24
Sublime Snippet: HTML - img Place Holder
<snippet>
<content><![CDATA[
<img src="http://placehold.it/${1:350}x${2:150}.png" alt="${3}">
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>imgph</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
</snippet>
@HTMLsauce
HTMLsauce / CSS - Image Replace.sublime-snippet
Created December 10, 2012 13:19
Sublime Snippet: CSS - Image Replace
<snippet>
<content><![CDATA[
.ir {
border:0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
}
]]></content>
@HTMLsauce
HTMLsauce / CSS - @media.sublime-snippet
Created December 10, 2012 13:18
Sublime Snippet: CSS - @media
<snippet>
<content><![CDATA[
@media only screen and (${1:min}-width:${2}) {
${3}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>media</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->
@HTMLsauce
HTMLsauce / CSS - @media 2.sublime-snippet
Created December 10, 2012 13:18
Sublime Snippet: CSS - @media 2
<snippet>
<content><![CDATA[
@media only screen and (min-width:${1}) and (max-width:${2}) {
${3}
}
]]></content>
<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
<tabTrigger>media2</tabTrigger>
<!-- Optional: Set a scope to limit where the snippet will trigger -->
<!-- <scope>source.python</scope> -->