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 for front-end development

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


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.


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


By Dan Rogers - Install through Package Control

LESS syntax highlighting for Sublime Text 2


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.


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.


Suggestions, amendments or improvements

If you think that I have missed an important package, made a mistake, or another packages has superseeded one on this list, I would love to know. Please create a new issue with a link to the new package.

Clone this wiki locally