Zen HTML translates CSS like markup, like this:

div>p#myid>ul>li.classy>strong>em

Turns into this:

<div>
<p id="myid">
<ul>
<li class="class">
<strong>
<em>
</em>
</strong>
</li>
</ul>
</p>
</div>

Boom, done.  Quick, formatted, perfect.

It also repeats segments of code, so you can make a
<ul> with 25 <li>’s in it in about 3 seconds. In the right editor, it can apply code to selected text, so the plain text list of 200 names your boss emailed you can be made into an series of divs in a few seconds, not 15 agonizing minutes (or even 5 mins of clever spreadsheet usage). The only downside is that my versions of editors don’t seem to like it very well. It’s pretty lame in NetBeans and while it supposedly works wonders in DreamWeaver, it does nothing in my copy. I’ll be trying Notepad++ next. Try it yourself: http://code.google.com/p/zen-coding/

Search: #([\da-fA-F])\1([\da-fA-F])\2([\da-fA-F])\3
Replace: #$1$2$3

This finds those hex color values in #AABBCC form and replaces them with #ABC form. It’s a small savings, but it’s super fast to do and it skips all those more complex color codes that cand compress. Be sure you check the “use regular expression” checkbox.

This same search & replace set will work in other editors with regular expression search & replace tools, check your documentation for the way to refer to a previous parenthetical group in the find box – \1 may or may not refer to the first set of parenthesis.

Dunnit – An achievement based To-Do list. It uses OpenFeint to rank your “score” compared to the rest of the crowd, just as many games do. (I’m level six.) Every action earns you points, so you have a tiny, slightly addictive reason to jot down your to-do items. As a bonus, the programmers are very receptive to comments and suggestions, and respond surprisingly quickly.

Gorillacam – It’s like the regular camera app but with sweet extras that can actually improve photos. You can enable a grid, a bubble level, allow a tap anywhere to capture the photo, an anti-shake feature, and more. Best of all, it saves the photos in the background, so you can keep shooting and it saves all the photos once it has the chance to catch up.

Calc Lite – This spreadsheet app is surprisingly complete and functional. Normally I avoid any app with “lite” or “free” in the title, because that’s code for “crippled.” Not this time. While the full paid version does add some useful features like importing spreadsheets from files, this app is a full featured working spreadsheet complete with multiple sheets, formulas and formatting.

DropBox – I just found this one, but it’s pretty obviously sweet. I’m not going to be emailing myself anymore when I have moderately sized files to take home from work – Put them in the DropBox from work and pull them out of the DropBox at home, or on the iPhone, and possibly on my Hero – apparently the Android app is a little shaky yet. As a bonus, the iPhone app can automatically sync photos and video (If you have the 3GS) and for items you stash locally, it will let you know they are out of sync so you can freshen them. I can even store video in the DropBox and stream it to the iPhone to watch it. 2GB of free storage and you can share any files by emailing a link from the app.

Less productive – WootWatch keeps you up to date on the ultimate deal-a-day sites. The WordPress app is almost as nice as logging into the blog’s admin panel to compose. FluxTunes lets you control your music with a swipe – no poking at little buttons, nice in the car. Shazam accurately identifies music that you don’t know. CardStar lets you input all those discount cards and scan them right off the screen – doesn’t work for me, your mileage may vary. Some users report that it works. Last.fm works with the website of the same name to stream music that fits your taste directly to your iPhone, just like the site streams it to your browser.

At first it seemed artificial, or at least contrived. I think I was locked into the assumption that the overhead of writing OO code would outweigh the benefits on projects of the moderate scale I work on. But I tried it on a small project anyhow, and found it remarkably effective, even on a rather small scale. I feel silly now that I’ve done it – it’s not like I thought I knew some secret everybody else was missing.

Now I am thinking about code generators, database abstraction layers, and design patterns. It seems like a rapid shift, but it’s not like I just read about these things for the first time. I’ve often read of them, but always dismissed them too hard, too elaborate, too formal. But it turns out that they work well if applied correctly, even on projects that span two afternoons.

One thing I wanted to mention was my recent search for articles and my difficulties. I was wanting to expand my knowledge of OO programming in practical ways. I know how to do it, but I wanted to learn more about the when and why. Knowing that objects are supposed to be more flexible is great, but building a class that reminds you of why you build classes is a lot better. After some fruitless searches, (Google gives good results but only if you know what you’re looking for), I finally clued in on some good search terms. Now I have several good articles to (re)read. Here’s a good sample:

Best Practices
Seven good habits
5 common PHP design patterns
5 more PHP design patterns

There are also Refcardz, which are a bit more thorough and weight in at 5 to 8 pages, written by subject matter experts. I have a pretty thick stack of those as well. Not really suited for wallpaper, but an excellent reference. Not bad looking, either, though I could do without the gratuitous “z.”

In the end, I’m kind of on the fence – is it novelty, or genuine admiration that I have here?

I call it Sliding Doors – it takes an ordinary image on a web page and adds some interaction. When your mouse moves over the image, it slides open like the doors on a supermarket to reveal the “alt” text, which describes the image in the code of the page. You can see a demo and download the plugin here on the slidingDoors Plugin page.

So please – can you guys filter the obvious stuff? Maybe somebody over at Y! get on that.