How does this work? What does it do?

[roman-ku]

Please provide usage instructions.

[xnmp]

I also have no idea how to add my own snippets after some searching.

Edit:

1. Create a snippet, which looks something like this:

<snippet>
    <!-- Type `bracket` and hit tab to open a bracket with a closing comment. -->
    <!-- Type the class for the element you are styling and it is placed at the top and in the comment after the closing bracket -->
    <!-- Hit tab a second time to put your cursor into a beautifuly tabbed spot within the bracket -->
    <content><![CDATA[
${1:this} {
    $2
} // ${1:this}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>bracket</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.scss</scope>
</snippet>

2. save it as mysnippet.sublime-snippet in ~/.config/sublime-text-3/Packages/User

3. add something like the following to your keybindings:

{ "keys": ["q","tab"], "command": "insert_snippet", "args": {"name": "Packages/User/mysnippet.sublime-snippet"}, "context":
        [
            { "key": "selector", "operator": "equal", "operand": "source.python" }
        ]
    },

Funny thing is that being a newbie, when I first installed sublime text I heard all about snippets, and I looked up some plugins, but didn't have any idea what they actually are until recently.