minimal design

Update: HTML and CSS TextMate Bundle Screencast (25.8MB/19:22) now available. It’s too long, and English is definitely not my first language… But it should give you a better idea on how to use those bundles.

TextMate is in my opinion the best text editor for Mac OS X. But its “out of the box” HTML and CSS capabilities are not as powerful and polished as BBedit.

How do you get the best of both worlds? In two words: customized bundles.

The basic idea behind this CSS bundle is to access everything through tab triggers. You can access every CSS property via its first letter(s) and it requires basically no typing besides for the values. For instance, to get: margin-bottom: 10px; just type: “mb + ⇥ + 10”

Once you use it, you’ll see how fast this system really is.

Installation

Download the zip file and uncompress it. You’ll get a TextMate bundle called “CSS” which you can simply double click to install. You might want to save your own CSS bundle first if you’ve customized it so that you have a clean backup of your own setup (just drag and drop it from the bundle editor). Check out the TextMate manual for more info on TextMate bundles.