My code snippets for Brackets (created using https://github.com/zaggino/brackets-snippets)

bs-container

<div class="container{{$1?:optionalClasses}}">
  {{!cursor}}
</div>

bs-container-fluid

<div class="container-fluid">
  {{!cursor}}
</div>

bs-table

<table class="table table-bordered table-striped table-hover table-condensed">
  {{!cursor}}
</table>

comment

/*
 * {{$1:comment}}
 */

f

function {{$1:functionName}}() {
    {{!cursor}}
}

f5-accordion

<dl class="accordion" data-accordion>
    <dd>
        <a href="#panel1">Accordion 1</a>
        <div id="panel1" class="content active">
            Panel 1 Content
        </div>
    </dd>
    <dd>
        <a href="#panel2">Accordion 2</a>
        <div id="panel2" class="content">
            Panel 2 Content
        </div>
    </dd>
    <dd>
        <a href="#panel3">Accordion 3</a>
        <div id="panel3" class="content">
            Panel 3 Content
        </div>
    </dd>
</dl>

f5-alert

<!-- Optional classes: [success alert secondary] [radius round] -->
<div data-alert class="alert-box">
    <!-- Your content goes here -->
    <a href="#" class="close">&times;</a>
</div>

f5-breadcrumb

<ul class="breadcrumbs">
    <li><a href="#">Home</a></li>
    <li><a href="#">Features</a></li>
    <li class="unavailable"><a href="#">Gene Splicing</a></li>
    <li class="current"><a href="#">Cloning</a></li>
</ul>

f5-button

<!-- Size Classes: [tiny small large] -->
<!-- Radius Classes: [radius round] -->
<!-- Color Classes: [secondary success alert] -->
<!-- Disabled Class: disabled -->
<a href="#" class="button">Default Button</a>

f5-button-bar

<div class="button-bar">
    <ul class="button-group">
        <li><a href="#" class="button">Button 1</a></li>
        <li><a href="#" class="button">Button 2</a></li>
        <li><a href="#" class="button">Button 3</a></li>
    </ul>
    <ul class="button-group">
        <li><a href="#" class="button">Button 1</a></li>
        <li><a href="#" class="button">Button 2</a></li>
        <li><a href="#" class="button">Button 3</a></li>
    </ul>
</div>

f5-button-group

<!-- Button Group Optional Classes: [radius round] -->
<ul class="button-group">
    <!-- Button Color Classes: [secondary alert success] -->
    <!-- Button Size Classes: [tiny small large] -->
    <li><a href="#" class="button">Button 1</a></li>
    <li><a href="#" class="button">Button 2</a></li>
    <li><a href="#" class="button">Button 3</a></li>
</ul>

f5-clearing

<ul class="clearing-thumbs" data-clearing>
    <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
    <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
    <li><a href="path/to/your/img"><img src="path/to/your/img-th"></a></li>
</ul>

f5-dropdown-button

<!-- Size Classes: [tiny small medium large] -->
<!-- Color Classes: [secondary alert success] -->
<!-- Radius Classes: [radius round] -->
<a href="#" data-dropdown="drop" class="button dropdown">Dropdown Button</a><br>
<ul id="drop" data-dropdown-content class="f-dropdown">
    <li><a href="#">This is a link</a></li>
    <li><a href="#">This is another</a></li>
    <li><a href="#">Yet another</a></li>
</ul>

f5-full-grid

<div class="row">
    <div class="small-12 medium-12 large-12 columns"></div>
</div>

f5-half-grid

<div class="row">
    <div class="small-6 medium-6 large-6 columns"></div>
    <div class="small-6 medium-6 large-6 columns"></div>
</div>

f5-offcanvas

<div class="off-canvas-wrap">
    <div class="inner-wrap">
        <nav class="tab-bar">
            <section class="left-small">
                <a class="left-off-canvas-toggle menu-icon" ><span></span></a>
            </section>
        
            <section class="right tab-bar-section">
            <h1 class="title">Foundation</h1>
            </section>
        </nav>
        
        <!-- Off Canvas Menu -->
        <aside class="left-off-canvas-menu">
            <ul class="off-canvas-list">
                <li><label>Foundation</label></li>
                <li><a href="#">The Psychohistorians</a></li>
            </ul>
        </aside>
        
        <section class="main-section">
            <!-- content goes in here -->
        </section>
        
        <!-- close the off-canvas menu -->
        <a class="exit-off-canvas"></a>
    </div>
</div>

f5-pagination

<ul class="pagination">
    <li class="arrow unavailable"><a href="">&laquo;</a></li>
    <li class="current"><a href="">1</a></li>
    <li><a href="">2</a></li>
    <li><a href="">3</a></li>
    <li><a href="">4</a></li>
    <li class="unavailable"><a href="">&hellip;</a></li>
    <li><a href="">12</a></li>
    <li><a href="">13</a></li>
    <li class="arrow"><a href="">&raquo;</a></li>
</ul>

f5-panel

<!-- Optional Classes: [callout radius] -->
<div class="panel">
    <h5>This is a callout panel.</h5>
    <p>It's a little ostentatious, but useful for important content.</p>
</div>

f5-pricing-table

<ul class="pricing-table">
    <li class="title">Standard</li>
    <li class="price">$99.99</li>
    <li class="description">An awesome description</li>
    <li class="bullet-item">1 Database</li>
    <li class="bullet-item">5GB Storage</li>
    <li class="bullet-item">20 Users</li>
    <li class="cta-button"><a class="button" href="#">Buy Now</a></li>
</ul>

f5-progress-bar

<!-- Container Width Classes: [small-# large-#] -->
<!-- Color Classes: [secondary alert success] -->
<!-- Radius Classes: [radius round] -->
<!-- Progress Width Classes: [1 - 100] -->
<div class="progress">
    <span class="meter" style="width: 100%"></span>
</div>

f5-quarter-grid

<div class="row">
    <div class="small-3 medium-3 large-3 columns"></div>
    <div class="small-3 medium-3 large-3 columns"></div>
    <div class="small-3 medium-3 large-3 columns"></div>
    <div class="small-3 medium-3 large-3 columns"></div>
</div>

f5-reveal

<!-- Size Classes: [small medium large xlarge expand] -->
<div id="myModal" class="reveal-modal" data-reveal>
    <h2>Awesome. I have it.</h2>
    <p class="lead">Your couch. It is mine.</p>
    <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
    <a class="close-reveal-modal">&#215;</a>
</div>

f5-sidenav

<ul class="side-nav">
    <li class="active"><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li class="divider"></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
</ul>

f5-tab

<dl class="tabs" data-tab>
    <dd class="active"><a href="#panel1">Tab 1</a></dd>
    <dd><a href="#panel2">Tab 2</a></dd>
    <dd><a href="#panel3">Tab 3</a></dd>
    <dd><a href="#panel4">Tab 4</a></dd>
</dl>

<div class="tabs-content">
    
    <div class="content active" id="panel1">
        <p>This is the first panel of the basic tab example. This is the first panel of the basic tab example.</p>
    </div>
    
    <div class="content" id="panel2">
        <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
    </div>

    <div class="content" id="panel3">
        <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
    </div>

    <div class="content" id="panel4">
        <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
    </div>
</div>

f5-third-grid

<div class="row">
    <div class="small-4 medium-4 large-4 columns"></div>
    <div class="small-4 medium-4 large-4 columns"></div>
    <div class="small-4 medium-4 large-4 columns"></div>
</div>

f5-top-bar

<nav class="top-bar" data-topbar>
    <ul class="title-area">
        <li class="name">
            <h1><a href="#">Something</a></h1>
        </li>
        <li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
    </ul>
    
    <section class="top-bar-section">
        <!-- Right Nav Section -->
        <ul class="right">
            <li class="active"><a href="#">Right Nav Button Active</a></li>
            <li class="has-dropdown">
                <a href="#">Right Button with Dropdown</a>
                <ul class="dropdown">
                    <li><a href="#">First link in dropdown</a></li>
                </ul>
            </li>
        </ul>
        
        <!-- Left Nav Section -->
        <ul class="left">
            <li><a href="#">Left Nav Button</a></li>
        </ul>
    </section>
</nav>

f5-vertical-tab

<dl class="tabs vertical" data-tab>
    <dd class="active"><a href="#panel1a">Tab 1</a></dd>
    <dd><a href="#panel2a">Tab 2</a></dd>
    <dd><a href="#panel3a">Tab 3</a></dd>
    <dd><a href="#panel4a">Tab 4</a></dd>
</dl>
<div class="tabs-content vertical">
    <div class="content active" id="panel1a">
        <p>Panel 1.</p>
    </div>
    <div class="content" id="panel2a">
        <p>Panel 2.</p>
    </div>
    <div class="content" id="panel3a">
        <p>Panel 3.</p>
    </div>
    <div class="content" id="panel4a">
        <p>Panel 4.</p>
    </div>
</div>

for

for ($i = 0; $i < count({{$1:array}}); $i++) {
    {{!cursor}}
}

html5-doctype

<!DOCTYPE html>
<html lang="en">
  {{!cursor}}
</html>

html5-wrap

<div>
  {{!selected}}{{!cursor}}
</div>

ng-controller

(function() {
    "use strict";

    angular
        .module("{{$1:moduleName}}")
        .controller("{{$2:controllerName}}", function ($scope) {
            // controller {{$2:controllerName}} for module {{$1:moduleName}}
            {{!cursor}}
        });
    
}());

ng-directive

(function() {
    "use strict";

    angular
        .module("{{$1:moduleName}}")
        .directive("{{$2:directiveName}}", function () {
            return {
                restrict: "AEC",
                // template: "Name: {{customer.name}} Address: {{customer.address}}",
                // templateUrl: "my-customer.html",
                // transclude: true,
                // scope: { customerInfo: "=" },
                link: function (scope, element, attrs) {
                    {{!cursor}}
                }
            };
        });
    
}());

ng-module

(function() {
    "use strict";

    angular
        .module("{{$1:moduleName}}", [])
        .config(function () {
            {{!cursor}}
        })
        .run(function () {
            
        })
        .factory("$exceptionHandler", function () {
            // any uncaught exception in angular expressions is delegated to this service
            return function(exception, cause) {
                exception.message += " (caused by '" + cause + "')";
                throw exception;
            };
        });
        
}());