Repository: joshnh/HTML-Snippets
Branch: master
Commit: 3748eeff42f2
Files: 31
Total size: 16.4 KB
Directory structure:
gitextract_tb7lcnqc/
├── .gitignore
├── README.md
├── a.sublime-snippet
├── comm.sublime-snippet
├── cond.sublime-snippet
├── css.sublime-snippet
├── dummy.sublime-snippet
├── fig.sublime-snippet
├── ga.sublime-snippet
├── ga2.sublime-snippet
├── html.sublime-snippet
├── img.sublime-snippet
├── input-checkbox.sublime-snippet
├── input-email.sublime-snippet
├── input-password.sublime-snippet
├── input-radio.sublime-snippet
├── input-submit.sublime-snippet
├── input-tel.sublime-snippet
├── input-text.sublime-snippet
├── jquery.sublime-snippet
├── lorem.sublime-snippet
├── messages/
│ └── install.txt
├── messages.json
├── meta.sublime-snippet
├── nav.sublime-snippet
├── nav2.sublime-snippet
├── ol.sublime-snippet
├── script.sublime-snippet
├── shiv.sublime-snippet
├── style.sublime-snippet
└── ul.sublime-snippet
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
.DS_Store
================================================
FILE: README.md
================================================
# Sublime Text HTML Snippets
_A work in progress._
Type the snippet shortcode and then press <kbd>Tab</kbd> to complete the snippet.
The snippets are listed below in alphabetical order. The '$1' indicates the
position of the caret/s. Some snippets have been set up so that pressing Tab
jumps the caret/s to the next predefined spot. It's a little hard to explain,
but any snippet that has a $1/$2/$3/etc. uses this technique.
Feel free to play with, alter, expand, or ruin these snippets as you please. I
only ask that if you come up with an incredibly handy snippet, or simply one
that I have missed, that you let me know (via email, Twitter or GitHub) so that
I can improve these for everybody. Thanks!
__IMPORTANT: If you are also using Emmet, add the following to Emmet's user settings file:__
`"disabled_single_snippets": "fig meta nav ol script style ul"`
---
__a__
```html
<a href="$1">$2</a>
```
__comm__
```html
<!-- $1 -->
```
__cond__
```html
<!--[if ${1:lt IE 9}]>
<link rel=stylesheet href="${2:css/ie.css">}
<![endif]-->
```
__doctype__
```html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="$1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${2:Untitled}</title>
<link rel="stylesheet" href="css/style.css">
<link rel="author" href="humans.txt">
</head>
<body>
$3
<script src="js/main.js"></script>
</body>
</html>
```
__dummy__
```html
One morning, when Gregor Samsa woke from troubled dreams, he found himself
transformed in his bed into a horrible vermin. He lay on his armour-like back,
and if he lifted his head a little he could see his brown belly, slightly domed
and divided by arches into stiff sections. The bedding was hardly able to cover
it and seemed ready to slide off any moment. His many legs, pitifully thin
compared with the size of the rest of him, waved about helplessly as he looked.
"What's happened to me? " he thought.
```
__fig__
```html
<figure>
<img src="$1" alt="$2">
<figcaption>$3</figcaption>
</figure>
```
__ga__
```html
<script>
var _gaq = [['_setAccount', '${1:UA-XXXXX-X}'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>
```
__ga2__
```html
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '${1:UA-XXXX-X}');
ga('send', 'pageview');
</script>
```
__img__
```html
<img src="$1" alt="$2">
```
__jquery__
```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
```
__lorem__
```html
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
```
__meta__
```html
<meta charset=utf-8>
<meta name=description content="$1">
<meta name=viewport content="width=device-width, initial-scale=1">
```
__nav__
For when using `inline-block`.
```html
<nav class="$1">
<ul>
<li><a href="#">$2</a></li><!--
--><li><a href="#">$3</a></li><!--
--><li><a href="#">$4</a></li><!--
--><li><a href="#">$5</a></li>
</ul>
</nav>
```
__nav2__
```html
<nav class="$1">
<ul>
<li><a href="#">$2</a></li>
<li><a href="#">$3</a></li>
<li><a href="#">$4</a></li>
<li><a href="#">$5</a></li>
</ul>
</nav>
```
__ol__
```html
<ol>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ol>
```
__script__
```html
<script src="$1"></script>
```
__shiv__
```html
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
```
__style__
```html
<link rel=stylesheet href="$1">
```
__ul__
```html
<ul>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ul>
```
__inp:text__
```html
<input type="text">
```
__inp:tel__
```html
<input type="tel">
```
__inp:radio__
```html
<input type="radio">
```
__inp:check__
```html
<input type="checkbox">
```
__inp:email__
```html
<input type="email">
```
__inp:pass__
```html
<input type="password">
```
__inp:submit__
```html
<input type="submit">
```
```css
<style type="text/css">$1</style>
```
================================================
FILE: a.sublime-snippet
================================================
<snippet>
<content><![CDATA[<a href="$1">$2</a>$3]]></content>
<tabTrigger>a</tabTrigger>
<description>HTML - Anchor</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: comm.sublime-snippet
================================================
<snippet>
<content><![CDATA[<!-- $1 -->$2]]></content>
<tabTrigger>comm</tabTrigger>
<description>HTML - Comment</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: cond.sublime-snippet
================================================
<snippet>
<content><![CDATA[<!--[if ${1:lt IE 9}]>
<link rel=stylesheet href="${2:css/ie.css">}
<![endif]-->$3]]></content>
<tabTrigger>cond</tabTrigger>
<description>HTML - Conditional comment</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: css.sublime-snippet
================================================
<snippet>
<content><![CDATA[<style type="text/css">$1</style>]]></content>
<tabTrigger>css</tabTrigger>
<description>HTML - Style tag</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: dummy.sublime-snippet
================================================
<snippet>
<content><![CDATA[One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought.]]></content>
<tabTrigger>dummy</tabTrigger>
<description>HTML - Dummy text</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: fig.sublime-snippet
================================================
<snippet>
<content><![CDATA[<figure>
<img src="$1" alt="$2">
<figcaption>$3</figcaption>
</figure>$4]]></content>
<tabTrigger>fig</tabTrigger>
<description>HTML - Figure</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: ga.sublime-snippet
================================================
<snippet>
<content><![CDATA[<script>
var _gaq = [['_setAccount', '${1:UA-XXXXX-X}'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>$2]]></content>
<tabTrigger>ga</tabTrigger>
<description>HTML - Google Analytics</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: ga2.sublime-snippet
================================================
<snippet>
<content><![CDATA[<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '${1:UA-XXXX-X}');
ga('send', 'pageview');
</script>$2]]></content>
<tabTrigger>ga2</tabTrigger>
<description>HTML - New Google Analytics</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: html.sublime-snippet
================================================
<snippet>
<content><![CDATA[<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="$1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${2:Untitled}</title>
<link rel="stylesheet" href="css/style.css">
<link rel="author" href="humans.txt">
</head>
<body>
$3
<script src="js/main.js"></script>
</body>
</html>]]></content>
<tabTrigger>doctype</tabTrigger>
<description>HTML - HTML foundation</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: img.sublime-snippet
================================================
<snippet>
<content><![CDATA[<img src="$1" alt="$2">$3]]></content>
<tabTrigger>img</tabTrigger>
<description>HTML - Image</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-checkbox.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="checkbox">$1]]></content>
<tabTrigger>inp:check</tabTrigger>
<description>HTML - Input:checkbox</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-email.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="email">$1]]></content>
<tabTrigger>inp:email</tabTrigger>
<description>HTML - Input:email</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-password.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="password">$1]]></content>
<tabTrigger>inp:pass</tabTrigger>
<description>HTML - Input:password</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-radio.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="radio">$1]]></content>
<tabTrigger>inp:radio</tabTrigger>
<description>HTML - Input:radio</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-submit.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="submit" value="$1">]]></content>
<tabTrigger>inp:submit</tabTrigger>
<description>HTML - Input:submit</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-tel.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="tel">$1]]></content>
<tabTrigger>inp:tel</tabTrigger>
<description>HTML - Input:tel</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: input-text.sublime-snippet
================================================
<snippet>
<content><![CDATA[<input type="text">$1]]></content>
<tabTrigger>inp:text</tabTrigger>
<description>HTML - Input:text</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: jquery.sublime-snippet
================================================
<snippet>
<content><![CDATA[<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>]]></content>
<tabTrigger>jquery</tabTrigger>
<description>HTML - Include jQuery</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: lorem.sublime-snippet
================================================
<snippet>
<content><![CDATA[Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.]]></content>
<tabTrigger>lorem</tabTrigger>
<description>HTML - Lorem Ipsum</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: messages/install.txt
================================================
Sublime Text 2 HTML Snippets
Type the snippet shortcode and then press Tab to complete the snippet.
The snippets are listed below in alphabetical order. The '$1' indicates the position of the caret/s. Some snippets have been set up so that pressing Tab jumps the caret/s to the next predefined spot. It's a little hard to explain, but any snippet that has a $1/$2/$3/etc. uses this technique.
Feel free to play with, alter, expand, or ruin these snippets as you please. I only ask that if you come up with an incredibly handy snippet, or simply one that I have missed, that you let me know (via email, Twitter or GitHub) so that I can improve these for everybody. Thanks!
--
a
<a href="$1">$2</a>
--
comm
<!-- $1 -->
--
cond
<!--[if ${1:lt IE9}]>
<link rel=stylesheet href="${2:css/ie.css">}
<![endif]-->
--
doctype
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<meta name=description content="$1">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>${2:Untitled}</title>
<link rel=stylesheet href="css/style.css">
<link rel=author href="humans.txt">
</head>
<body>
$3
<script src="js/main.js"></script>
</body>
</html>
--
dummy
One morning, when Gregor Samsa woke from troubled dreams, he found himself
transformed in his bed into a horrible vermin. He lay on his armour-like back,
and if he lifted his head a little he could see his brown belly, slightly domed
and divided by arches into stiff sections. The bedding was hardly able to cover
it and seemed ready to slide off any moment. His many legs, pitifully thin
compared with the size of the rest of him, waved about helplessly as he looked.
"What's happened to me? " he thought.
--
fig
<figure>
<img src="$1" alt="$2">
<figcaption>$3</figcaption>
</figure>
--
ga
<script>
var _gaq = [['_setAccount', '${1:UA-XXXXX-X}'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>
--
img
<img src="$1" alt="$2">
--
jquery
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
--
lorem
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
--
meta
<meta charset=utf-8>
<meta name=description content="$1">
<meta name=viewport content="width=device-width, initial-scale=1">
--
nav
(For when using inline-block.)
<nav class="$1">
<ul>
<li><a href="#">$2</a></li><!--
--><li><a href="#">$3</a></li><!--
--><li><a href="#">$4</a></li><!--
--><li><a href="#">$5</a></li>
</ul>
</nav>
--
nav2
<nav class="$1">
<ul>
<li><a href="#">$2</a></li>
<li><a href="#">$3</a></li>
<li><a href="#">$4</a></li>
<li><a href="#">$5</a></li>
</ul>
</nav>
--
ol
<ol>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ol>
--
script
<script src="$1"></script>
--
shiv
<!--[if lt IE9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
--
style
<link rel=stylesheet href="$1">
--
ul
<ul>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ul>
================================================
FILE: messages.json
================================================
{
"install": "messages/install.txt",
}
================================================
FILE: meta.sublime-snippet
================================================
<snippet>
<content><![CDATA[<meta charset=utf-8>
<meta name=description content="$1">
<meta name=viewport content="width=device-width, initial-scale=1">$2]]></content>
<tabTrigger>meta</tabTrigger>
<description>HTML - Meta tags</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: nav.sublime-snippet
================================================
<snippet>
<content><![CDATA[<nav class="$1">
<ul>
<li><a href="#">$2</a></li><!--
--><li><a href="#">$3</a></li><!--
--><li><a href="#">$4</a></li><!--
--><li><a href="#">$5</a></li>
</ul>
</nav>$6]]></content>
<tabTrigger>nav</tabTrigger>
<description>HTML - Navigation object (inline-block)</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: nav2.sublime-snippet
================================================
<snippet>
<content><![CDATA[<nav class="$1">
<ul>
<li><a href="#">$2</a></li>
<li><a href="#">$3</a></li>
<li><a href="#">$4</a></li>
<li><a href="#">$5</a></li>
</ul>
</nav>$6]]></content>
<tabTrigger>nav2</tabTrigger>
<description>HTML - Navigation object</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: ol.sublime-snippet
================================================
<snippet>
<content><![CDATA[<ol>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ol>$5]]></content>
<tabTrigger>ol</tabTrigger>
<description>HTML - Ordered list</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: script.sublime-snippet
================================================
<snippet>
<content><![CDATA[<script src="$1"></script>$2]]></content>
<tabTrigger>script</tabTrigger>
<description>HTML - Script</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: shiv.sublime-snippet
================================================
<snippet>
<content><![CDATA[<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->]]></content>
<tabTrigger>shiv</tabTrigger>
<description>HTML - HTML5 shiv</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: style.sublime-snippet
================================================
<snippet>
<content><![CDATA[<link rel=stylesheet href="$1">$2]]></content>
<tabTrigger>style</tabTrigger>
<description>HTML - Stylesheet link</description>
<scope>text.html</scope>
</snippet>
================================================
FILE: ul.sublime-snippet
================================================
<snippet>
<content><![CDATA[<ul>
<li>$1</li>
<li>$2</li>
<li>$3</li>
<li>$4</li>
</ul>$5]]></content>
<tabTrigger>ul</tabTrigger>
<description>HTML - Unordered list</description>
<scope>text.html</scope>
</snippet>
gitextract_tb7lcnqc/ ├── .gitignore ├── README.md ├── a.sublime-snippet ├── comm.sublime-snippet ├── cond.sublime-snippet ├── css.sublime-snippet ├── dummy.sublime-snippet ├── fig.sublime-snippet ├── ga.sublime-snippet ├── ga2.sublime-snippet ├── html.sublime-snippet ├── img.sublime-snippet ├── input-checkbox.sublime-snippet ├── input-email.sublime-snippet ├── input-password.sublime-snippet ├── input-radio.sublime-snippet ├── input-submit.sublime-snippet ├── input-tel.sublime-snippet ├── input-text.sublime-snippet ├── jquery.sublime-snippet ├── lorem.sublime-snippet ├── messages/ │ └── install.txt ├── messages.json ├── meta.sublime-snippet ├── nav.sublime-snippet ├── nav2.sublime-snippet ├── ol.sublime-snippet ├── script.sublime-snippet ├── shiv.sublime-snippet ├── style.sublime-snippet └── ul.sublime-snippet
Condensed preview — 31 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (19K chars).
[
{
"path": ".gitignore",
"chars": 10,
"preview": ".DS_Store\n"
},
{
"path": "README.md",
"chars": 4969,
"preview": "# Sublime Text HTML Snippets\n\n_A work in progress._\n\nType the snippet shortcode and then press <kbd>Tab</kbd> to complet"
},
{
"path": "a.sublime-snippet",
"chars": 170,
"preview": "<snippet>\n\t<content><![CDATA[<a href=\"$1\">$2</a>$3]]></content>\n\t<tabTrigger>a</tabTrigger>\n\t<description>HTML - Anchor<"
},
{
"path": "comm.sublime-snippet",
"chars": 178,
"preview": "<snippet>\n <content><![CDATA[<!-- $1 -->$2]]></content>\n <tabTrigger>comm</tabTrigger>\n <description>HTML - Com"
},
{
"path": "cond.sublime-snippet",
"chars": 264,
"preview": "<snippet>\n <content><![CDATA[<!--[if ${1:lt IE 9}]>\n <link rel=stylesheet href=\"${2:css/ie.css\">}\n<![endif]-->$3]]"
},
{
"path": "css.sublime-snippet",
"chars": 190,
"preview": "<snippet>\n\t<content><![CDATA[<style type=\"text/css\">$1</style>]]></content>\n\t<tabTrigger>css</tabTrigger>\n <descripti"
},
{
"path": "dummy.sublime-snippet",
"chars": 666,
"preview": "<snippet>\n\t<content><![CDATA[One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in h"
},
{
"path": "fig.sublime-snippet",
"chars": 234,
"preview": "<snippet>\n\t<content><![CDATA[<figure>\n <img src=\"$1\" alt=\"$2\">\n <figcaption>$3</figcaption>\n</figure>$4]]></conten"
},
{
"path": "ga.sublime-snippet",
"chars": 490,
"preview": "<snippet>\n <content><![CDATA[<script>\n var _gaq = [['_setAccount', '${1:UA-XXXXX-X}'], ['_trackPageview']];\n (f"
},
{
"path": "ga2.sublime-snippet",
"chars": 595,
"preview": "<snippet>\n <content><![CDATA[<script>\n (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function()"
},
{
"path": "html.sublime-snippet",
"chars": 598,
"preview": "<snippet>\n <content><![CDATA[<!doctype html>\n<html>\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"des"
},
{
"path": "img.sublime-snippet",
"chars": 178,
"preview": "<snippet>\n\t<content><![CDATA[<img src=\"$1\" alt=\"$2\">$3]]></content>\n\t<tabTrigger>img</tabTrigger>\n <description>HTML "
},
{
"path": "input-checkbox.sublime-snippet",
"chars": 197,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"checkbox\">$1]]></content>\r\n\t<tabTrigger>inp:check</tabTrigger>\r\n\t<description"
},
{
"path": "input-email.sublime-snippet",
"chars": 191,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"email\">$1]]></content>\r\n\t<tabTrigger>inp:email</tabTrigger>\r\n\t<description>HT"
},
{
"path": "input-password.sublime-snippet",
"chars": 196,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"password\">$1]]></content>\r\n\t<tabTrigger>inp:pass</tabTrigger>\r\n\t<description>"
},
{
"path": "input-radio.sublime-snippet",
"chars": 191,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"radio\">$1]]></content>\r\n\t<tabTrigger>inp:radio</tabTrigger>\r\n\t<description>HT"
},
{
"path": "input-submit.sublime-snippet",
"chars": 203,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"submit\" value=\"$1\">]]></content>\r\n\t<tabTrigger>inp:submit</tabTrigger>\r\n\t<des"
},
{
"path": "input-tel.sublime-snippet",
"chars": 185,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"tel\">$1]]></content>\r\n\t<tabTrigger>inp:tel</tabTrigger>\r\n\t<description>HTML -"
},
{
"path": "input-text.sublime-snippet",
"chars": 188,
"preview": "<snippet>\r\n\t<content><![CDATA[<input type=\"text\">$1]]></content>\r\n\t<tabTrigger>inp:text</tabTrigger>\r\n\t<description>HTML"
},
{
"path": "jquery.sublime-snippet",
"chars": 251,
"preview": "<snippet>\n\t<content><![CDATA[<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js\"></script>]]"
},
{
"path": "lorem.sublime-snippet",
"chars": 607,
"preview": "<snippet>\n\t<content><![CDATA[Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt "
},
{
"path": "messages/install.txt",
"chars": 3819,
"preview": "Sublime Text 2 HTML Snippets\n\nType the snippet shortcode and then press Tab to complete the snippet.\n\nThe snippets are l"
},
{
"path": "messages.json",
"chars": 40,
"preview": "{\n\t\"install\": \"messages/install.txt\",\n}\n"
},
{
"path": "meta.sublime-snippet",
"chars": 293,
"preview": "<snippet>\n <content><![CDATA[<meta charset=utf-8>\n<meta name=description content=\"$1\">\n<meta name=viewport content=\"w"
},
{
"path": "nav.sublime-snippet",
"chars": 381,
"preview": "<snippet>\n\t<content><![CDATA[<nav class=\"$1\">\n <ul>\n <li><a href=\"#\">$2</a></li><!--\n --><li><a href=\"#\">$"
},
{
"path": "nav2.sublime-snippet",
"chars": 355,
"preview": "<snippet>\n\t<content><![CDATA[<nav class=\"$1\">\n <ul>\n <li><a href=\"#\">$2</a></li>\n <li><a href=\"#\">$3</a"
},
{
"path": "ol.sublime-snippet",
"chars": 235,
"preview": "<snippet>\n\t<content><![CDATA[<ol>\n <li>$1</li>\n <li>$2</li>\n <li>$3</li>\n <li>$4</li>\n</ol>$5]]></content>\n\t"
},
{
"path": "script.sublime-snippet",
"chars": 186,
"preview": "<snippet>\n\t<content><![CDATA[<script src=\"$1\"></script>$2]]></content>\n\t<tabTrigger>script</tabTrigger>\n <description"
},
{
"path": "shiv.sublime-snippet",
"chars": 273,
"preview": "<snippet>\n <content><![CDATA[<!--[if lt IE 9]>\n <script src=\"//html5shiv.googlecode.com/svn/trunk/html5.js\"></scri"
},
{
"path": "style.sublime-snippet",
"chars": 198,
"preview": "<snippet>\n\t<content><![CDATA[<link rel=stylesheet href=\"$1\">$2]]></content>\n\t<tabTrigger>style</tabTrigger>\n <descrip"
},
{
"path": "ul.sublime-snippet",
"chars": 237,
"preview": "<snippet>\n\t<content><![CDATA[<ul>\n <li>$1</li>\n <li>$2</li>\n <li>$3</li>\n <li>$4</li>\n</ul>$5]]></content>\n\t"
}
]
About this extraction
This page contains the full source code of the joshnh/HTML-Snippets GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 31 files (16.4 KB), approximately 5.6k tokens. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.