<p>Caveat: I'm relatively new to coding as well as <a href="http://macromates.com/" rel="nofollow noreferrer">TextMate</a>, so apologies if there is an obvious answer I'm missing here.</p>

<p>I do a lot of HTML/CSS markup, there are certain patterns that I use a lot, for example, forms, navigation menus etc. What I would like is a way to store those patterns and insert them quickly when I need them. </p>

<p>Is there a way to do this using TextMate?</p>

[{'answer_id': 43968, 'author': 'dF.', 'author_id': 3002, 'author_profile': 'https://Stackoverflow.com/users/3002', 'pm_score': 4, 'selected': True, 'text': '<p>You can do this very easily in TextMate using <a href="http://manual.macromates.com/en/snippets" rel="nofollow noreferrer">Snippets</a>. Just add a new snippet in the bundle editor, and set up how you want to trigger it. You can set a key shortcut, or have it pop up when you hit <code>Tab</code> after a certain word/pattern.</p>\n<p>There are many things you can do with them—in your case, it would probably be very useful to set so-called &quot;placeholders&quot; in your snippets, which are the parts that change every time (e.g. the names of the fields in the form). Then, as soon as you insert the snippet, you can hit <code>Tab</code> to move between these.</p>\n'}, {'answer_id': 44016, 'author': 'TonyLa', 'author_id': 1295, 'author_profile': 'https://Stackoverflow.com/users/1295', 'pm_score': 1, 'selected': False, 'text': '<p>As mentioned prior snippets are what you are looking for.</p>\n\n<p>For reference look here: \n<a href="http://manual.macromates.com/en/snippets" rel="nofollow noreferrer">http://manual.macromates.com/en/snippets</a><br>\n<a href="http://screenflicker.com/mike/code/div-snippets/" rel="nofollow noreferrer">http://screenflicker.com/mike/code/div-snippets/</a></p>\n'}, {'answer_id': 86703, 'author': 'Matt', 'author_id': 15368, 'author_profile': 'https://Stackoverflow.com/users/15368', 'pm_score': 2, 'selected': False, 'text': '<p>Along with the links provided above, I think you\'ll find this <a href="http://macromates.com/screencast/html_text_transformations.mov" rel="nofollow noreferrer">screencast</a> useful. It gives a run through of some of the tools TextMate\'s HTML bundle already provides. </p>\n\n<p>It\'s probably slightly off-topic though, but worth a look nonetheless.</p>\n'}]
['https://Stackoverflow.com/questions/43947', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/2977/']