Web Development Tools for Mac OSXLast updated November 1, 2015
CodeThese coding software fall into two categories: text editors and IDEs. I happen to prefer lightweight tools with an emphasis on ease of publishing.
This superb file comparison utility was recently updated in Cocoa with a more Mac-Like interface. For the time being, this is the Mac-users answer to the venerable Beyond Compare. ★★★★☆, $$
An aging and like abandoned product, Textmate is still the best Mac text editor. Textmate does it all: source code editing, regular expressions searching, emac keyboard shortcuts, and tons of bundles to support all your text needs. Textastic gets some use as well, but I never got into BBEdit despite having it installed for a decade. ★★★★★, $$
Arguably, the best lightweight plain text editor on the App Store right now. ★★★★☆, $
This raster editing tool is much less resource intensive than Photoshop and the interface is beautiful. Good for light design tasks such as cropping and image adjustments. All the bitmap editing I need in a fast and affordable package. Regular, stable updates from the developers. Similar enough to Photoshop that it feels very familiar.
AND...the updates keep on coming. ★★★★★, $$
Best-in-Class screen measuring tools. Essential for layouts. Guides, rulers, and a color eyedropper make this an amazing little utility.. ★★★★★, $
My Fontbook is an online font viewer that provides some simple tools to scan and organize your font collection. It provides a really quick way to browse your installed fonts without shelling out cash or installing software.
AND...I made it. ★★★★★, Free
Other than being the default Mac image viewer, Preview has a couple of other tricks. Open a PDF and select 'Print to PDF' to remove encryption. In Finder copy a program icon then Command+N in Preview to get the icon image. Save as... to the format of your choice. ★★★★☆, FREE
Things has replaced The Hit List for me as a task manager because it syncs between the MacBook, iPhone, and iPad. Most urgently, the developer of The Hit List stopped supporting the product, so I needed to find an alternative. I considered OmniFocus, but the UI was overly complicated for my tastes. ★★★★★, $$
Billings lets me time my work, track accounts, and send invoices simply and hassle free. It gets the job done and has an iPhone version which is icing on the cake. ★★★★☆, $$
It is like the Mac Finder - only way better. Split screen makes moving organizing files between directories simple. All manner of shortcuts and tabs add to the fun including a terminal window, recently accessed files list, preview, and in-depth file properties. ★★★★★, $
Elegant mind mapping. MindNode Pro just gets out of the way and let's you organized your thoughts. I could write a lecture on UI design using MindNode Pro as a case study. Mobile version available. ★★★★★, $
No meaningful updates in a long time, so I would not switch to this product now, but a wiki is a great way to organize project files. ★★★★☆, $$
Chrome has great web development tools. Safari is now faster for browsing, but I prefer to browse the web on my Nexus 6 than my MacBook Air. ★★★★★, Free
Sure I check my web designs in IE and Safari,
but I employ Firefox as my primary web development browser. Why? Tons of awesome Add-ons aimed toward web professionals.
Add the Web Developer Toolbar for on screen pixel ruler, disable cache, resize window, show/hide form elements, much more.
UPDATE: 9/10 Switched primary development browser to Google Chrome. ★★★★☆, Free
This Mac OS X database management tool is the only db tool I need. Solid import/export support and execution summaries. HTTP tunneling makes Navicat a winner for developers with shared web hosting.
I recently switched to the Essentials (read: cheapest) version from the App Store. ★★★★☆, $$
A spreadsheet application included in iWork from Apple. Easy to use, full featured, hard to beat. ★★★★☆, $
Transmit is the gold standard for file transfer protocol. Great for publishing web sites, or weekend migrations. ★★★★★, $
MarsEdit is a very stable blog authoring client. Syncs with all major blog platforms. The ability to edit entries in HTML gives users fine control over the design of their posts. ★★★★★, $
Scrivener is designed for serious writers, and the organizational features of this tool are hard to beat for website content and marketing copy. Added bonus is that Scrivener is developed by a first-rate indie software house that offers frequent updates. ★★★★★, $$
Pages is part of Apple's iWork suite. Pages easily bests MS Word by having an entirely pleasant user interface design. Great template collection, adjust image contrast/saturation inside the editor, great for proposal writing and professional invoices. ★★★★★, $
Markdown support and all of my text files in one place. A focused text editor for writing. ★★★★☆, $
Dropbox is the easiest way to get your files in the cloud for syncing, back-up, or sharing. Use the link on the left to register and we both get an extra 250MB for free. ★★★★★, Free
A visual map of your disk usage. Helps identify and clear out the clutter. Very helpful on a 2009 MacBook Air with a 64GB harddrive. ★★★★★, $
This is like Activity Monitor, but displays details about what the process is and what it is doing. And a bunch of other stuff I have not found a use for yet. ★★★★★, $
The built in Mac OS X Activity Monitor is suitable for checking memory usage across browsers. Find it under Applications>Utilities. ★★★★★, Free
Built in Mac network tools. Among other functions are Whois, Ping, Lookup. Great for troubleshooing your LAN or DNS transfers. Find it under Utilities. ★★★★★, Free
Did you forget that Mac OS X is built on Unix? Terminal is about as generic as it gets, but indispensable. ★★★★★, Free