Screencast: Ross Harmes’s YUI Bundle for Textmate

By Eric MiragliaNovember 30th, 2006

Ross HarmesRoss Harmes is a frontend engineer who works in the Yahoo! Small Business group. Ross recently released a YUI “bundle” for the Mac OS X code editor TextMate; the bundle provides syntax highlighting, code completion, and integrated documentation retrieval within TextMate. He stopped by the YUI team offices today to show us how it works, and he was kind enough to let us capture that information in the form of a short (~9 minute) screencast.

Related URLs:

Screencast:

For best results, download the 800×600 screencast (~13MB) and view it in your QuickTime Player. The embedded version below is scaled down to fit within the blog and loses picture quality as a result. If your system does not support QuickTime, a lower-resolution version of the screencast is available on Yahoo! Video.


14 Comments

  1. This is incredibly cool, Ross…I’m a TextMate addict and a YUI newbie, and this is going to help me a ton.

    Any word on when there will be support for the UI controls (Panel, Dialog, AutoComplete, Slider) in addition to the basic utility libraries?

    Thanks for the bundle and for the screencast.

  2. Makes me really want to update my Prototype bundle ;)

  3. Hi Absalom,

    Expect an update soon with tab completion for all of the YAHOO.widget libraries, as well as full support for the 0.12 release. Thanks for the comment.

  4. [...] Screencast: Ross Harmes’s YUI Bundle for Textmate » Yahoo! User Interface Blog Screencast showing how to setup the YUI library with TextMate (tags: development coding css osx) [...]

  5. Windows/Linux users; don’t be sad.

    The (Aptana) has the almost same functionality. and even more good news is it has plugin for Eclipse. :)

    See the screen casts too.

  6. What you did is really cool. However, I can’t help but think that the savings in typing are really caused by the fact that you have to type too much. It would be so much nicer if you could do something like Python’s:

    from Yahoo.util import dom
    dom.get()

    and so forth. This would be a benefit to the typer as well as the reader, and remember that it’s really the reader we care about most.

    Nonetheless, nice work.

  7. @Shannon

    There are a couple of shorcuts that can be created to help with the typing:

    yuidom -> tab = “$D = YAHOO.util.Dom;”
    yuiget -> tab = “$ = $D.get”
    yuievent -> tab = etc

    You’re right about a lot of typing though. I use the above shortcuts exclusivly (prior to this bundle) to make YUI easier on the fingers.

    It would be nice to see the bundle as ‘smart’ in some fashion so it recognizes whether I have the $D defined, and then instead of dom > tab > 1 == “YAHOO.util.Dom.getElementsByClassName(‘class-name’, ‘tag’, rootElement)”, it would do this: dom > tab > 1 == “$D.getElementsByClassName….”

    wishful thinking, I know :D

    @Ross
    Thanks for the super bundle! I look forward to the updates!

  8. Way to go Ross… but you know I can’t install your bundle because I’ve already created way too many of my own YUI shortcuts. ;)

  9. can i use yui in my Business project?

  10. Thanks, Ross! I began using the YUI library in earnest in TextMate this week, integrating it with Rails. I was hitting the wall in terms of typing and was thinking of creating those very shortcuts. Thanks for saving me the trouble!

  11. [...] What’s more, is that Ross Harmes released a Yahoo! User Interface bundle that cuts down on all the typing needed to implement the YUI library. He has installation instructions and an overview, and the YUI blog has a screencast of it. [...]

  12. @fly: The YUI Library is licensed under a BSD license; check out the terms of the license for guidance about how you can use it. But the bottom line is that as long as you follow the terms of the license, you can use the library freely for business or any other purpose. -Eric

  13. You are amazing! We are very proud.

  14. [...] Ross Harmes is a frontend engineer who works in the Yahoo! Small Business group. Ross recently released a YUI “bundle” for the Mac OS X code editor TextMate; the bundle provides syntax highlighting, code completion, and integrated documentation retrieval within TextMate. He stopped by the YUI team offices today to show us how it works, and he was kind enough to let us capture that information in the form of a short (~9 minute) screencast. Video is here. Tags:  AJAX, Companies, Development, IDE, Javascript, MacOS, OS, Screencasts, Technologies, Textmate, Web 2.0, Web Services, Yahoo! [...]