Tuesday, July 5, 2011

The 10 Best Macintosh WYSIWYG HTML Editors

WYSIWYG editors are HTML editors that attempt to display the web page as it will display in the browser. They are visual editors, and you don’t manipulate the code directly. I’ve reviewed over 60 different web editors for Macintosh against criteria relevant to professional web designers and developers. The following are the 10 best WYSIWYG web editors for Macintosh, in order from best to worst.

Each editor below will have a score, percentage, and a link to more information. All reviews were completed between September and November 2010. This list was compiled on November 6, 2010.

1. Adobe Dreamweaver

Adobe DreamweaverScreen shot by J Kyrnin
Dreamweaver is one of the most popular professional web development software packages available. It offers power and flexibility to create pages that meet your needs. I use it for everything from JSP, XHTML, PHP, and XML development. It is a good choice for professional web designers and developers, but if you're working as a solitary freelancer, you might want to look at one of the Creative Suite suites like Web Premium or Design Premium to get graphics editing capability and other features like Flash editing as well. There are a few features that Dreamweaver CS5 lacks, some have been missing for a long time, and others (like HTML validation and photo galleries) were removed in CS5.
Version: CS5
Score: 235 / 76%

2. Adobe Creative Suite

Adobe Creative Suite Design PremiumScreen shot by J Kyrnin
If you are a graphic artist and then a web designer you should consider Creative Suite Design Premium. Unlike Design Standard which doesn't include Dreamweaver, Design Premium gives you InDesign, Photoshop Extended, Illustrator, Flash, Dreamweaver, SoundBooth, and Acrobat. Because it includes Dreamweaver it includes all the power you need to build web pages. But web designers who focus more on graphics and less on the purely HTML aspects of the job will appreciate this suite for the extra graphic features included in it.
Version: CS5
Score: 215 / 69%
More Info

3. SeaMonkey

SeaMonkeyScreen shot by J Kyrnin
SeaMonkey is the Mozilla project all-in-one Internet application suite. It includes a web browser, email and newsgroup client, IRC chat client, and composer — the web page editor. One of the nice things about using SeaMonkey is that you have the browser built-in already so testing is a breeze. Plus it's a free WYSIWYG editor with an embedded FTP to publish your web pages.
Version: 2.0.8
Score: 139 / 45%

4. Amaya

AmayaScreen shot by J Kyrnin
Amaya is the W3C web editor. It also acts as a web browser. It validates the HTML as you build your page, and since you can see the tree structure of your web documents, it can be very useful for learning to understand the DOM and how your documents look in the document tree. It has a lot of features that most web designers won’t ever use, but if you’re worried about standards and you want to be 100% sure that your pages work with the W3C standards, this is a great editor to use.
Version: 11.3.1
Score: 135 / 44%

5. Rapidweaver

RapidweaverScreen shot by J Kyrnin
At first glance RapidWeaver appears to be a WYSIWYG editor, but there is a lot to surprise you. I created a site with a large photo gallery, a blog, and two stand-alone web pages in about 15 minutes. These included images and fancy formatting. This is a great program for newcomers to web design. You get started quickly and advance to more complicated pages including PHP. It doesn't validate HTML that you hand code and I couldn't figure out how to add an external link in one of the WYSIWYG pages. There is also a large user-base with lots of plugins to get more support for advanced features including HTML 5, ecommerce, Google sitemaps, and more.
Version: 4.4.2
Score: 133 / 43%

6. Contribute

ContributeScreen shot by J Kyrnin
Contribute is a WYSIWYG editor for people who have no interest or need to learning HTML. It can connect directly to a blog to give you more editing features or to an existing website to manage the pages there. Contribute works best when working with a site created using Dreamweaver templates. Contribute also provides version control and authoring information that is not included in Dreamweaver. Contribute can also edit XML files and has built-in ecommerce functions to add simple shopping carts and stores to your website.
Version: CS5
Score: 130 / 42%
More InfoRead Review

7. KompoZer

KompoZerScreen shot by J Kyrnin
KompoZer is a good WYSIWYG editor. It is based on the popular Nvu editor — only it is called an “unofficial bug-fix release.” KompoZer was conceived by some people who really liked Nvu, but were fed up with the slow release schedules and poor support. So they took it over and released a less buggy version of the software. Ironically, there hasn't been a new release of KompoZer since 2007.
Version: 0.7.10
Score: 127 / 41%
More InfoRead Review

8. SandVox Pro

SandVox ProScreen shot by J Kyrnin
Sandvox Pro offers more features than the basic Sandvox. One really interesting feature is the integration with Google Webmaster Tools. This can help you keep your site on track with SEO and give you options like a sitemap and other features.
Version: 1.6.7
Score: 126 / 41%

9. Nvu

NvuScreen shot by J Kyrnin
Nvu is a good WYSIWYG editor. I prefer text editors to WYSIWYG editors, but if you don’t, then Nvu is a good choice, especially considering that it’s free. I love that it has a site manager to allow you to review the sites that you’re building. It's surprising that this software is free. Feature highlights: XML support, advanced CSS support, full site management, built-in validator, and international support as well as WYSIWYG and color coded XHTML editing.
Version: 1
Score: 125 / 40%
More InfoRead Review

10. Good Page

Good PageScreen shot by J Kyrnin
Good Page offers a lot of the features of a great text editor while also providing some WYSIWYG support. I like the structured views of the document — this makes it easier to see the DOM for JavaScript development. Another cool thing is the CSS editor, which includes the specificity right on the property. If you’ve ever fought with a very complex style sheet you’ll recognize the value of that.
Version: 1.3.4
Score: 115 / 37%

No comments:

Post a Comment