Skip to content

Front end specific Packages

mrmartineau edited this page Apr 1, 2013 · 16 revisions

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;

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

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

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.

ix. 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

By Monnoroch - Install through Package Control

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

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.

Clone this wiki locally