TextMate shortcuts for HTML and Javascript

August 24th, 2011 by nils

Since I keep forgetting them… here is a list of the shortcuts I find most useful when editing HTML and Javascript documents in TextMate:

Creating a HTML document:

  • type “doctype” and hit tab, you’ll see a dropdown to select the doctype
  • type html and hit ctrl + shift + <
  • inside the html tags, type “head” and hit tab
  • inside the generated “head” element and after the title, type “link” and hit tab to generate a stylesheet reference
  • then type “scriptsrc” and hit tab, this will generate a link to an external script
  • for a regular script tag inside the HTML body, type “script” and hit tab

To be continued…