You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
295 lines
4.3 KiB
Plaintext
295 lines
4.3 KiB
Plaintext
snippet doc
|
|
<!doctype html>
|
|
endsnippet
|
|
|
|
snippet //
|
|
<!-- ${0:your comment here} -->
|
|
endsnippet
|
|
|
|
snippet body
|
|
<body class="${1:bodyclass}">
|
|
${2}
|
|
</body>
|
|
endsnippet
|
|
|
|
snippet title
|
|
<title>${0:PageTitle}</title>
|
|
endsnippet
|
|
|
|
snippet html
|
|
<html class="no-js" lang="de">
|
|
${0}
|
|
</html>
|
|
endsnippet
|
|
|
|
snippet head
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>${1:PageTitle}</title>
|
|
<meta name="description" content="${2:metadesc}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
${3}
|
|
</head>
|
|
endsnippet
|
|
|
|
snippet link
|
|
<link rel="${1:stylesheet}" href="${2:main.css}" />
|
|
endsnippet
|
|
|
|
snippet meta
|
|
<meta name="${1:name}" content="${2:content}" />
|
|
endsnippet
|
|
|
|
snippet scrs
|
|
<script src="${0}"></script>
|
|
endsnippet
|
|
|
|
snippet scr
|
|
<script>
|
|
${0}
|
|
</script>
|
|
endsnippet
|
|
|
|
snippet style
|
|
<style>
|
|
${0}
|
|
</style>
|
|
endsnippet
|
|
|
|
snippet label
|
|
<label for="${1:inputid}">${2}</label>
|
|
<input type="${3:text}" class="${3:class}" name="$1" value="" id="$1" />
|
|
endsnippet
|
|
|
|
snippet input
|
|
<input type="${1:text}" class="${2:class}" name="${3:name}" value="" />
|
|
endsnippet
|
|
|
|
snippet select
|
|
<select name="$1" id="${1:id}">
|
|
<option value=""></option>
|
|
<option value="${2:value}"}>${3:Text}</option>
|
|
</select>
|
|
endsnippet
|
|
|
|
snippet opt
|
|
<option value="${1:value}"}>${2}</option>
|
|
endsnippet
|
|
|
|
snippet textarea
|
|
<textarea name="${1:name}" rows="${2:8}" cols="${3:40}">${4}</textarea>
|
|
endsnippet
|
|
|
|
snippet btn
|
|
<button type="button" class="${2:button}">
|
|
<span class="button__label">${3:text}</span>
|
|
</button>
|
|
endsnippet
|
|
|
|
snippet fieldset
|
|
<fieldset class="${1:class}"}>
|
|
<legend>${2:legend}</legend>
|
|
${3}
|
|
</fieldset>
|
|
endsnippet
|
|
|
|
snippet form
|
|
<form action="${1:./}" method="${2:get/post}" accept-charset="utf-8">
|
|
${3}
|
|
</form>
|
|
endsnippet
|
|
|
|
snippet h1
|
|
<h1>${0}</h1>
|
|
endsnippet
|
|
|
|
snippet h2
|
|
<h2>${0}</h2>
|
|
endsnippet
|
|
|
|
snippet h3
|
|
<h3>${0}</h3>
|
|
endsnippet
|
|
|
|
snippet h4
|
|
<h4>${0}</h4>
|
|
endsnippet
|
|
|
|
snippet h5
|
|
<h5>${0}</h5>
|
|
endsnippet
|
|
|
|
snippet h6
|
|
<h6>${0}</h6>
|
|
endsnippet
|
|
|
|
snippet t
|
|
<${1:div}${2: class="class"}>
|
|
${3}
|
|
</$1>
|
|
endsnippet
|
|
|
|
snippet div
|
|
<div class="${1:class}">
|
|
${2}
|
|
</div>
|
|
endsnippet
|
|
|
|
snippet header
|
|
<header class="${1:header}">
|
|
${2}
|
|
</header>
|
|
endsnippet
|
|
|
|
snippet section
|
|
<section class="${1:content}">
|
|
${2}
|
|
</section>
|
|
endsnippet
|
|
|
|
snippet article
|
|
<article class="${1:article}">
|
|
${2}
|
|
</article>
|
|
endsnippet
|
|
|
|
snippet footer
|
|
<footer class="${1:footer}">
|
|
${2}
|
|
</footer>
|
|
endsnippet
|
|
|
|
snippet main
|
|
<main class="${1:main}">
|
|
${2}
|
|
</main>
|
|
endsnippet
|
|
|
|
snippet aside
|
|
<aside class="${1:sidebar}">
|
|
${2}
|
|
</aside>
|
|
endsnippet
|
|
|
|
snippet nav
|
|
<nav class="${1:nav}">
|
|
${2}
|
|
</nav>
|
|
endsnippet
|
|
|
|
snippet mail
|
|
<a href="mailto:${1:joe@example.com}${2:?subject=feedback}">${3:email me}</a>
|
|
endsnippet
|
|
|
|
snippet a
|
|
<a href="${1:/someurl}" class="${2:class}">${3:text}</a>
|
|
endsnippet
|
|
|
|
snippet p
|
|
<p>${0}</p>
|
|
endsnippet
|
|
|
|
snippet em
|
|
<em>${0}</em>
|
|
endsnippet
|
|
|
|
snippet str
|
|
<strong>${0}</strong>
|
|
endsnippet
|
|
|
|
snippet pre
|
|
<pre>${0}</pre>
|
|
endsnippet
|
|
|
|
snippet span
|
|
<span class="${1:class}">${2}</span>
|
|
endsnippet
|
|
|
|
snippet br
|
|
<br />
|
|
endsnippet
|
|
|
|
snippet li
|
|
<li>${0}</li>
|
|
endsnippet
|
|
|
|
snippet ul
|
|
<ul class="${1:class}">
|
|
<li class="$1__item">${12</li>
|
|
</ul>
|
|
endsnippet
|
|
|
|
snippet ol
|
|
<ol class="${1:class}">
|
|
<li class="$1__item">${2}</li>
|
|
</ol>
|
|
endsnippet
|
|
|
|
snippet figure
|
|
<figure class="${1:class}">
|
|
<img src="${2:image.jpg}" alt="${3}" class="$1__image" />
|
|
<figcaption class="$1__caption">${4}</figcaption>
|
|
</figure>
|
|
endsnippet
|
|
|
|
snippet bq
|
|
<blockquote>${1:quote}</blockquote>
|
|
endsnippet
|
|
|
|
snippet table
|
|
<table class="${1:class}">
|
|
<thead>
|
|
<tr>
|
|
<th>${2:title}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>${3:content}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
endsnippet
|
|
|
|
snippet td
|
|
<td>${0}</td>
|
|
endsnippet
|
|
|
|
snippet tr
|
|
<tr>
|
|
${0}
|
|
</tr>
|
|
endsnippet
|
|
|
|
snippet init
|
|
<!doctype html>
|
|
<html class="no-js" lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>${1:PageTitle}</title>
|
|
<link href="${2:/assets/styles/main.css}" rel="stylesheet" />
|
|
<meta name="description" content="${2:metadesc}" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
${3}
|
|
</header>
|
|
<main class="main" role="main">
|
|
${4}
|
|
</main>
|
|
<footer class="footer">
|
|
${5}
|
|
</footer>
|
|
<script src="/assets/scripts/${6:script.js}"></script>
|
|
</body>
|
|
</html>
|
|
endsnippet
|
|
|
|
snippet video
|
|
<video width="${1:1280}" height="${2:720}" poster="${3:filename}.jpg" controls>
|
|
<source type="video/mp4" src="$3.mp4" />
|
|
<source type="video/webm" src="$3.webm" />
|
|
</video>
|
|
endsnippet
|