Skip to content

Instantly share code, notes, and snippets.

@raphaelbastide
Last active December 26, 2015 06:58
Show Gist options
  • Save raphaelbastide/7111248 to your computer and use it in GitHub Desktop.
Save raphaelbastide/7111248 to your computer and use it in GitHub Desktop.
Brackets snippets https://github.com/jrowny/brackets-snippets/ Keyboard shortcuts: [Ctrl + . ] to apply and [Ctrl + Alt + . ] to list snippets.
<figure>
<img src=\"$${src}\" width=\"$${width}\" height=\"$${height}\" alt=\"$${alt}\" />
<figcaption>$${caption}</figcaption>
</figure>
[
{
"name": "html5",
"trigger": "skel",
"description": "Create an HTML5 page",
"template": "html.snippet"
},
{
"name": "link",
"trigger": "a",
"usage": "a index.html home",
"description": "Create an achor with an href",
"template": "<a href=\"$${href}\">$${title}</a>"
},
{
"name": "li",
"trigger": "li",
"usage": "li",
"description": "Create a list element",
"template": "<li>$${content}</li>"
},
{
"name": "image",
"trigger": "img",
"usage": "img",
"description": "Create an blank image anchor",
"template": "<img src=\"$${src}\" width=\"$${width}\" height=\"$${height}\" alt=\"$${alt}\" />"
},
{
"name": "script",
"trigger": "script",
"usage": "script",
"description": "Create a script tag",
"template": "<script src=\"$${src}\"></script>"
},
{
"name": "figure",
"trigger": "fig",
"usage": "fig",
"description": "Create a figure template",
"template": "figure.snippet"
},
{
"name": "meta",
"trigger": "meta",
"usage": "meta",
"description": "Create some meta tags for the head including favicons",
"template": "meta.snippet"
}
]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
!!{cursor}
</body>
<script src="js/main.js"></script>
</html>
<link rel="apple-touch-icon" type="image/png" sizes="16x16" href="i/icons/favicon.png" />
<link rel="apple-touch-icon" type="image/png" sizes="512x512" href="i/icons/favicon-512.png" />
<link rel="apple-touch-icon" type="image/png" sizes="128x128" href="i/icons/favicon-128.png" />
<link rel="apple-touch-icon" type="image/png" sizes="32x32" href="i/icons/favicon-32.png" />
<link rel="apple-touch-icon" type="image/png" sizes="32x32" href="i/icons/favicon-32.png" />
<link rel="shortcut icon" type="image/x-icon" href="i/icons/favicon.ico" />
<link rel="logo" type="image/svg" href="i/bitcoin-symbol.svg" />
<meta property="og:image" content="i/icons/favicon-1024.png">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment