Coda 2 compare

One thing that I noticed when using Coda 2 is that the ‘Compare’ option did not seem to do anything. No message just… nothing. Someone on the Coda Users group had an answer. Apparently it is an issue with upgrading from xCode 4.2 to 4.3:

Sounds like you need to update your machines Xcode path. On machines that have gone from Xcode 4.2 to 4.3, this doesn’t get automatically updated to deal with the moving of everything into the Xcode application bundle.

>> sudo xcode-select -switch /Applications/
Thanks to Scott Denowh in the Coda Users forum for this fix. It is working fine for me now.

BBEdit code coloring

One of my biggest frustrations with BBEdit is its weak code coloring. Here is an example that I just ran into:

BBEdit code coloring problem

At first I thought the issue was the two classes (left-col and archives). But that doesn’t seem to be it. So I thought maybe something else was wrong with the code and I tried it in Sublime Text 2:

and Coda 2:

Coda 2 code coloring

I really would like to take all of my favorite features from different editors and put them all together. BBEdit for search, text compare and being able to handle huge files; Sublime Text for its many plug-ins and great code coloring and navigation (love the matching brackets) and Coda for having it all in one place (and looking beautiful). I still have high hopes for Coda updates although I am already rueing buying my copy from the Mac App Store.

Undo with iOS

I was playing around with creating a post via Safari and WordPress on my iPad 2 the other night. It was… okay… the WordPress toolbar (the admin bar at the top of the screen) kept getting overlaid on top of the text editor which, to say the least, wasn’t ideal. The other big problem that I ran into was not knowing how to undo typing after deleting a bloc kof text inadvertently. The Command-Z is… where?

It isn’t obvious, but there is an undo feature. I found it at the New York Time‘s site:

I tried it in Notes on my iPhone and it does, indeed, work. I need to play around a little with editing on mobile Safari and the iPad and see if it does the job there as well. That said, I need to also play around with the WordPress app for iPad and see how that does.

From Photoshop to HTML by Jeffrey Way

I recently purchased the book, From Photoshop to HTML from Jeffrey Way online in the hopes of getting some useful tips on building out clean HTML from PSD comps that I receive regularly from designers. I am familiar with Mr. Way’s work at the Nettuts site and have really enjoyed his video tutorials, especially his Codeigniter From Scratch series which helped me immensely in getting up to speed using the Codeigniter framework. One of the neat things about the digital version of From Photoshop to HTML is that it includes screencasts from Jeffrey walking you through the activities in the book. The videos are extremely well done and Mr. Way has a relaxed, conversational approach that is enjoyable.

A little bit about me. I have been cutting up comps into HTML websites since the days of Adobe’s ImageReady software and when Netscape 4 was the primary browser. So I have been doing it for quite some time. However, I was hoping to learn some new techniques that I could add to my bag of tricks. Perhaps the most useful suggestion I picked up from Jeffrey’s book is to build out the HTML of the site without any worry of the style. To concentrate on the semantic layout of the page’s elements. I generally have built out pieces and styled them as I have gone along but I can see where this approach makes sense. Jeffrey also discusses using CSS sprites for element backgrounds and explains how to set them up in an easy-to-understand way. I must confess that I have only just started using background sprites in my work. For those looking for a good explanation of this technique, Mr. Way provides one.

Also useful in the book are examples of CSS workarounds for common problems that all web developers run into when using our favorite browser, Internet Explorer (transparent PNGs, pseudo elements in CSS and hasLayout are all discussed). Additionally, Mr. Way provides easy-to-follow examples of floats and multiple ways to handle clearing them.

In all, I learned a few tips. It was a little more thin than I had hoped but I don’t think that I am the target audience. For someone really looking into learning this process from a fresher perspective, the book is great and for novice web developers, I can recommend it whole-heartedly. I expect to pick up his book on HTML5 at some point in the future.

Cut and Paste (sort of) in Mac OS X’s Finder

One thing that I always liked in Windows and missed on the Macintosh was the ability to move files by cutting and pasting them. I think this is a pretty common complaint for Windows users switching to the Mac. I actually bought a product, TotalFinder, in most part, because it offers an easy cut and paste option in the Finder. It also has some other nice features such as tabbed Finder windows which is nice but, honestly, I mainly purchased it for the cut and paste.

Little did I know, Lion adds this function. Copy your file as normal. Then, instead of simply pasting the item with Command-V, also hold down Option. You’ll see the option for Paste change from “Paste” to “Move Item Here.” Viola! Cut and paste in the Finder.

Move Item Here