Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save mythical-programmer/011edfc9148563755f18 to your computer and use it in GitHub Desktop.
Save mythical-programmer/011edfc9148563755f18 to your computer and use it in GitHub Desktop.
html: sublime completions autocompletes
{
"scope": "text.html - source - meta.tag, punctuation.definition.tag.begin",
"completions":
[
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
["html ___", "<!DOCTYPE html>\n<html>\n<head>\n\t<meta charset=\"utf-8\">\n\t<title>$1</title>\n</head>\n<body>\n\t\n</body>\n</html>"],
["doctype ___", "<!DOCTYPE html>"],
["details_expand ___", "<details>\n\t<summary>\n\t</summary>\n\t<p></p>\n</details>"],
["c ___", "class=\"$1\""],
["i ___", "id=\"$1\""],
["a ___", "<a href=\"\">$1</a>"],
["aa ___", "<a href=\"#\">$1</a>"],
["h1 ___", "<h1>$1</h1>"],
["h2 ___", "<h2>$1</h2>"],
["h3 ___", "<h3>$1</h3>"],
["h4 ___", "<h4>$1</h4>"],
["h5 ___", "<h5>$1</h5>"],
["h6 ___", "<h6>$1</h6>"],
["p ___", "<p>$1</p>"],
["hr ___", "<hr />"],
["br ___", "<br />"],
["bq ___", "<blockquote>$1</blockquote>"],
["ol ___", "<ol>$1</ol>"],
["ul ___", "<ul>$1</ul>"],
["li ___", "<li>$1</li>"],
["pre ___", "<pre>$1</pre>"],
["com ___", "<!-- $1 -->"],
["div ___", "<div class=\"$1\"></div>"],
["divc ___", "<div class=\"$1\"></div>"],
["divi ___", "<div id=\"$1\"></div>"],
["butt ___", "<button type=\"button\"><span>$1</span></button>"],
// html
["head ___", "<head>$1</head>"],
["title ___", "<title>$1</title>"],
["body ___", "<body>$1</body>"],
["header ___", "<header>$1</header>"],
["footer ___", "<footer>$1</footer>"],
["section ___", "<section>$1</section>"],
["nav ___", "<nav>$1</nav>"],
["aside ___", "<aside>$1</aside>"],
["article ___", "<article>$1</article>"],
["video ___", "<video controls autoplay preload=\"metadata\" poster=\"preview_image_url\"> \n\t<!-- I have three versions of the video encoded with different codecs. The browser will automatically choose the first one it knows it can play. --> \n\t<source src=http://html5doctor.com/demos/video-canvas-magic/video.webm type=video/webm> \n\t<source src=http://html5doctor.com/demos/video-canvas-magic/video.ogg type=video/ogg> \n\t<source src=http://html5doctor.com/demos/video-canvas-magic/video.mp4 type=video/mp4> \n</video>"],
["audio ___", "<audio controls=\"controls\">\n\t<source src=\"https://dl.dropboxusercontent.com/u/1631516/horse.ogg\" type=\"audio/ogg\" />\n\t<source src=\"https://dl.dropboxusercontent.com/u/1631516/horse.mp3\" type=\"audio/mp3\" />\n\tYour browser does not support the audio element. Download the audio/video in\n\t<a href=”https://dl.dropboxusercontent.com/u/1631516/horse.ogg”>OGG</a>\n\tor <a href=”https://dl.dropboxusercontent.com/u/1631516/horse.mp3”>MP3</a> format.\n</audio>"],
["canvas ___", "<canvas>$1</canvas>"],
["fig ___", "<figure>$1</figure>"],
["time ___", "<time datetime=\"\">$1</time>"],
["mark ___", "<mark>$1</mark>"],
["highlight ___", "<mark>$1</mark>"],
["css ___", "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css $1\" media=\"all\">"],
["link ___", "<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css $1\" media=\"all\">"],
["meta-utf ___", "<meta http-equiv=\"Content-Type\" content=\"text/html;charset=UTF-8\">"],
["style ___", "<style type=\"text/css\"></style>"],
["script ___", "<script>$1</script>"],
["link font awesome ___", "<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css\">"],
["script src ___", "<script src=\"$1\"></script>"],
["script src jquery min cdn ___", "<script src=\"${1:http://code.jquery.com/jquery-2.1.4.min.js}\"></script>"],
["noscript ___", "<noscript>$1</noscript>"],
["dialog ___", "<dialog>$1</dialog>"],
["em ___", "<em>$1</em>"],
["mailto ___", "<a href=\"mailto:\">$1</a>"],
["cite ___", "<cite>$1</cite>"],
["strong ___", "<strong>$1</strong>"],
["small ___", "<small>$1</small>"],
["code ___", "<code>$1</code>"],
["sub ___", "<sub>$1</sub>"],
["sup ___", "<sup>$1</sup>"],
["span ___", "<span>$1</span>"],
["i ___", "<i>$1</i>"],
["b ___", "<b>$1</b>"],
["img ___", "<img src=\"$1\" alt=\"\" />"],
["iframe ___", "<iframe src=\"\" frameborder=\"0\">$1</iframe>"],
["embed ___", "<embed src=\"\" type=\"\">"],
["tab ___", "<table summary=\"\">\n\t<tr>\n\t\t<td>$1</td>\n\t</tr>\n</table>"],
["caption ___", "<caption>$1</caption>"],
["colgroup ___", "<colgroup>$1</colgroup>"],
["tbody ___", "<tbody>$1</tbody>"],
["tr ___", "<tr>$1</tr>"],
["trr ___", "<tr>$1<td>$1</td>$1</tr>"],
["th ___", "<th>$1</th>"],
["td ___", "<td>$1</td>"],
// form elements
["form ___", "<form action=\"\" method=\"post\">$1</form>"],
["fieldset ___", "<fieldset>$1</fieldset>"],
["legend ___", "<legend>$1</legend>"],
["label ___", "<label for=\"\">$1</label>"],
["input ___", "<input type=\"\">"],
["inhidden ___", "<input type=\"hidden\" value=\"\" />"],
["intext ___", "<input type=\"text\" value=\"\" id=\"\" />"],
["insearch ___", "<input type=\"search\" value=\"\" id=\"\" />"],
["inemail ___", "<input type=\"email\" value=\"\" id=\"\" />"],
["inurl ___", "<input type=\"url\" value=\"\" id=\"\" />"],
["inpass ___", "<input type=\"password\" value=\"\" id=\"\" />"],
["indatetime ___", "<input type=\"datetime\" value=\"\" id=\"\" />"],
["indatetime-local ___", "<input type=\"datetime-local\" value=\"\" id=\"\" />"],
["indate ___", "<input type=\"date\" value=\"\" id=\"\" />"],
["inmonth ___", "<input type=\"month\" value=\"\" id=\"\" />"],
["inweek ___", "<input type=\"week\" value=\"\" id=\"\" />"],
["intime ___", "<input type=\"time\" value=\"\" id=\"\" />"],
["innumber ___", "<input type=\"number\" value=\"\" id=\"\" />"],
["inrange ___", "<input type=\"range\" value=\"\" id=\"\" />"],
["incolor ___", "<input type=\"color\" value=\"\" id=\"\" />"],
["incheck<input type ___", "\"checkbox\" id=\"\" />"],
["inradio ___", "<input type=\"radio\" id=\"\" />"],
["infile ___", "<input type=\"file\" id=\"\" />"],
["insubmit ___", "<input type=\"submit\" value=\"\" />"],
["inreset ___", "<input type=\"reset\" value=\"\" />"],
["inbutton ___", "<input type=\"button\" value=\"\" />"],
["button ___", "<button>$1</button>"],
["textarea ___", "<textarea id=\"\">$1</textarea>"],
["select ___", "<select id=\"\">$1</select>"],
["option ___", "<option value\"$1\">$1</option>"],
["output ___", "<output>$1</output>"]
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment