CoffeeCup Web Editor for Mac

This tool helps you edit and create web pages. HTML code gets generated as part of the process.

This is a webpage creator and editor tool. As you visually design the web page layout, code supporting it is automatically generated. As a user you are concerned with creating the looks of the pages, HTML code gets generated as you change the elements for creating the necessary look and feel. It can be quickly set up. You could start in one of several ways. Simplest would be to start from a template. You may already have files available which can be changed to create final pages. Editing an existing page can be done too. Typically, this is part of on-going maintenance and this tool fits the part. Required files may be scattered all over the place and this software will help manage them.

Starting a project is a one-click affair. You could define a template to start from too. Auto code completion is a helpful feature. There are several other code helpers. The visual page and the embedded code HTML+CSS can be viewed easily back and forth. While editing HTML and CSS you can get a real time, browser preview. Click an element in the preview and the related code is selected for you. Multi-cursor positioning, automatic tag matching, block editing, drag-n’-drop coding, search-based editing and a large stock of personalization options are available. The Web Editor shows you CSS rule suggestions when you’re adding them to your code as well as which HTML elements to suggest in your CSS files. The workspace gives you a lot of flexibility it could split screen, full-screen, side-by-side, preview in, preview out, 2 monitors, etc. This is a very good tool.

Web Editor is a clever coding machine with a flexible workspace designed for both novices and seasoned veterans. Two on-screen code editors and an interactive preview pane keep everything in view while you get to work - and you can arrange them whichever way is most comfortable for you.
A wide variety of helpers, tools, and slick tricks are ready to guide you through your next big project. Use multiple cursors, tag matching, block editing, drag-n'-drop coding, search-based editing, and more personalization options than you thought possible.
Forgotten the name of an HTML element, or even one of your own CSS classes? Web Editor auto-suggests them for you as you type, keeping tiny typos out of your code that could cause a fatal error. And using a plug-in system, you can add more options whenever you need them, and even create your own.
Go ahead, take the HTML-CSS-Preview round trip. Coders with a two-monitor setup will be especially happy: Pop the preview out and put it on your second screen so you can dedicate your main monitor to two related files at once. Once you really get into Web Editor's flexible workspace, you'll wonder how you've ever gotten by without it.