I recently (finally) decided to try adding an extension to Sublime Text. I wanted to try Emmet, the successor to Zen Coding.
So, I launched Sublime Text, and followed the directions… which are pretty sparse.
With Package Control:
Run “Package Control: Install Package” command, find and install Emmet plugin.
Restart ST editor (if required)
So.. here it is, damn simply if you haven’t done this before:
1. Open Sublime Text
2. Go Menu > View > Console
3. Copy and paste this line into the console
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
4. Hit ‘Enter’
5. Close and restart Sublime Text
6. Go Menu > Preferences > Package Control
7. Scroll through the list to find ‘Package Control: Install Package’
8. Type ’emmet’ into the search field.
9. Install Emmet
10. Close and restart Sublime Text
And… Done. play around with it using the Emmet Cheat Sheet. It’s pretty damn handy.
Some cool things I’ve come across:
See that link above? Yup. That’s pretty much the easiest slider to use these days. It’s small, responsive, and damn easy to set up. Adding non-image based content is quite easy, and if you know how to use a @media query then you won’t have a problem making fully responsive or fluid layouts with it.
Bonus: It is touch responsive on tablets.