Setting up Emmet in Sublime Text

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.

JQuery and Javascript

I’m been meaning to learn more about jQuery and JavaScript  but damn if I just don’t have the time. I have been coming across some rather interesting resources though, my favorite of which are videos. I love videos simply because you can see the series of steps, and you know it actually works (when I was learning 3D modeling, books were essentially the only options, and the publishers didn’t vet their content worth a damn).

Some cool things I’ve come across:

http://learn.appendto.com/

https://tutsplus.com/lesson/welcome-3/

No, these aren’t definitive materials for learning jQuery or learning JavaScript, but they are a pretty good way to get an idea of how they work, and how you can build a foundation.

 

Flexslider. Yup.

http://www.woothemes.com/flexslider/

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.