2013-07-17 19:06:05 -04:00
|
|
|
# file containing most useful mappings only
|
|
|
|
|
# when editing this file please be aware that there is ZenCoding and sparkup
|
|
|
|
|
|
|
|
|
|
# html 5 is recommended from now on
|
|
|
|
|
snippet html5
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2013-08-03 08:50:12 -04:00
|
|
|
<meta charset="utf-8">
|
2013-07-17 19:06:05 -04:00
|
|
|
<title>$2</title>
|
|
|
|
|
$3
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
$4
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
# ==== TAGS
|
|
|
|
|
# you always need these:
|
|
|
|
|
snippet .
|
|
|
|
|
class="${1}"${2}
|
|
|
|
|
snippet n
|
|
|
|
|
name="${1}"${2}
|
|
|
|
|
snippet r
|
|
|
|
|
rel="${1}"${2}
|
|
|
|
|
snippet t
|
|
|
|
|
title="${1}"${2}
|
|
|
|
|
|
|
|
|
|
# not using # because id is faster to type
|
|
|
|
|
snippet id
|
|
|
|
|
id="${1}"${2}
|
|
|
|
|
snippet idn
|
|
|
|
|
id="${1}" name="${2:$1}"
|
|
|
|
|
|
|
|
|
|
snippet label_and_input
|
|
|
|
|
<label for="${2:$1}">${1}</label>
|
2013-08-03 08:50:12 -04:00
|
|
|
<input type="${3:text}" name="${4:$2}" id="${5:$2}" value="${6}">${7}
|
2013-07-17 19:06:05 -04:00
|
|
|
|
|
|
|
|
|
|
|
|
|
# FORMS
|
|
|
|
|
# use idn . or n to add id
|
|
|
|
|
snippet input
|
2013-08-03 08:50:12 -04:00
|
|
|
<input type="${1:text}" value="${2}" ${3}>${7}
|
2013-07-17 19:06:05 -04:00
|
|
|
snippet submit
|
2013-08-03 08:50:12 -04:00
|
|
|
<input type="submit" value="${2}" ${3}>${7}
|
2013-07-17 19:06:05 -04:00
|
|
|
snippet textarea
|
|
|
|
|
<textarea $1>$2</textarea>
|
|
|
|
|
|
|
|
|
|
# if you need id or class use snippets above
|
|
|
|
|
snippet form
|
|
|
|
|
<form method="${1:post/get}" action="$2">
|
|
|
|
|
$3
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
# other tags
|
|
|
|
|
snippet br
|
|
|
|
|
<br/>
|
|
|
|
|
snippet a
|
|
|
|
|
<a href="#" $2>$3</a>
|
|
|
|
|
snippet img
|
|
|
|
|
<img src="$1" alt="$2"/>
|
|
|
|
|
# JS/CSS
|
|
|
|
|
snippet css_file
|
2013-08-03 08:50:12 -04:00
|
|
|
<link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}">${3}
|
2013-07-17 19:06:05 -04:00
|
|
|
snippet css_block
|
|
|
|
|
<link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}">
|
|
|
|
|
</link>
|
|
|
|
|
|
|
|
|
|
snippet script_block
|
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
|
</script>
|
|
|
|
|
snippet script_file
|
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
|
</script>
|
