Front end specific Packages

Below is a list of all the good packages

Front-end-specific Packages

i. Emmet

By Sergey Chikuyonok - Install through Package Control

Emmet (previously known as Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow. Have a look through the comprehensive documentation for a taste of how powerful this plugin is: Docs & demo

Useful keybindings & shortcuts:

ctrl+alt+enter Enter Koan (Live output of zen abbreviations)

mb10 > margin-bottom: 10px;

d:b > display: block;

ii. SublimeLinter

By Germán M. Bravo - Install through Package Control

Inline lint highlighting for the Sublime Text 2 editor. **You're gonna want to disable the CSS Linting so copy any modified settings to User/SublimeLinter.sublime-settings.

View/Download my settings

iii. jQuery

By Zander Martineau - Install through Package Control

This package helps with the jQuery API. Browse the repository to see what snippets are included, usually the tabtrigger is the name of the snippet.

iv. HTML5

By Zander Martineau - Install through Package Control

Add HTML5 syntax mode & snippets to ST2. Browse the repository to see what snippets are included, usually the tabtrigger is the name of the snippet.

v. LESS

By Dan Rogers - Install through Package Control

LESS syntax highlighting for Sublime Text 2

vi. SCSS

By Mario "Kuroir" Ricalde - Install through Package Control

SCSS syntax highlighting for Sublime Text 2

vii. Nettuts+ Fetch

By Nettuts+ - Install through Package Control

Fetch the latest version of remote files and zip packages.

View/Download my settings

Nettuts+ introduction to Fetch

Keybinding

Type fetch into Command palette

viii. EditorConfig

Install through Package Control

EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs. The EditorConfig project consists of a file format for defining coding styles and a collection of text editor plugins that enable editors to read the file format and adhere to defined styles. EditorConfig files are easily readibly and they work nicely with version control systems.

ix. Placeholders

By Zander Martineau - Install through Package Control

Placeholder HTML & content (lorem ipsum) package for Sublime Text 2. Browse the repository to see what snippets are included, usually the tabtrigger is the name of the snippet.

x. Prefixr

By Will Bond - Install through Package Control

Cross-browser CSS3 in seconds. This package runs CSS through the Prefixr.com API. Nettuts+ introduction to Prefixr

x. ColorHighlighter

By Monnoroch - Install through Package Control

ColorHighlighter underlays selected hexadecimal colorcodes (like "#FFFFFF") with their real color.

xi. Gist

By Dmitry Budaev - Install through Package Control

Create new Gists from selected text & print existing Gists from Github.com. Nettuts+ Sexy Code Snippet Management With Gists.

Installation options

If you're using OS X and have a keychain entry for github.com, no configuration is needed. Otherwise, copy the Gist.sublime-settings file from Packages/Gist to Packages/User sub-directory and edit:

"username": "" You need to enter your GitHub username here

"password": "" You need to enter your GitHub password here

"https_proxy": http://user:pass@proxy:port You can enter https proxy here. Format: "http://user:pass@proxy:port"

xi. CSS Comb

A tool for sorting CSS properties in specific order. This is really useful if you prefer to sort your CSS properties not alphabetically but by group.