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.
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.
November 30, 2006 at 11:02 pm
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.
December 1, 2006 at 9:02 am
Makes me really want to update my Prototype bundle ;)
December 1, 2006 at 9:10 am
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.
December 1, 2006 at 11:08 am
[...] 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) [...]
December 1, 2006 at 11:20 am
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.
December 1, 2006 at 2:23 pm
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.
December 1, 2006 at 11:49 pm
@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!
December 2, 2006 at 12:22 am
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. ;)
December 3, 2006 at 12:06 am
can i use yui in my Business project?
December 3, 2006 at 6:11 am
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!
December 3, 2006 at 6:14 am
[...] 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. [...]
December 3, 2006 at 9:29 am
@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
December 3, 2006 at 4:17 pm
You are amazing! We are very proud.
December 5, 2006 at 12:15 am
[...] 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! [...]