2013-07-17 23:06:05 +00: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 12:50:12 +00:00
|
|
|
<meta charset="utf-8">
|
2013-07-17 23:06:05 +00:00
|
|
|
<title>$2</title>
|
|
|
|
|
$3
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
$4
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|
|
# ==== TAGS
|
|
|
|
|
# you always need these:
|
|
|
|
|
snippet .
|
2013-11-16 19:45:48 +00:00
|
|
|
class="${1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet n
|
2013-11-16 19:45:48 +00:00
|
|
|
name="${1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet r
|
2013-11-16 19:45:48 +00:00
|
|
|
rel="${1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet t
|
2013-11-16 19:45:48 +00:00
|
|
|
title="${1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
|
|
|
|
|
# not using # because id is faster to type
|
|
|
|
|
snippet id
|
2013-11-16 19:45:48 +00:00
|
|
|
id="${1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet idn
|
2013-11-16 19:45:48 +00:00
|
|
|
id="${1}" name="${0:$1}"
|
2013-07-17 23:06:05 +00:00
|
|
|
|
|
|
|
|
snippet label_and_input
|
2013-11-16 19:45:48 +00:00
|
|
|
<label for="${0:$1}">${1}</label>
|
|
|
|
|
<input type="${3:text}" name="${4:$2}" id="${5:$2}" value="${6}">
|
2013-07-17 23:06:05 +00:00
|
|
|
|
|
|
|
|
|
|
|
|
|
# FORMS
|
|
|
|
|
# use idn . or n to add id
|
|
|
|
|
snippet input
|
2013-11-16 19:45:48 +00:00
|
|
|
<input type="${1:text}" value="${2}" ${3}>
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet submit
|
2013-11-16 19:45:48 +00:00
|
|
|
<input type="submit" value="${2}" ${3}>
|
2013-07-17 23:06:05 +00: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
|
|
|
|
|
<link rel="stylesheet" href="${1:style.css}" type="text/css" media="${2:all}">
|
2013-11-16 19:45:48 +00:00
|
|
|
snippet css_block
|
|
|
|
|
<style type='text/css'>
|
|
|
|
|
</style>
|
2013-07-17 23:06:05 +00:00
|
|
|
snippet script_block
|
|
|
|
|
<script type="text/javascript" charset="utf-8">
|
|
|
|
|
</script>
|
|
|
|
|
snippet script_file
|
2013-11-16 19:45:48 +00:00
|
|
|
<script src="${1}" type="text/javascript"></script>
|
