The most distressing trend was that Dreamweaver changed from a complex to an enormous IDE:
For example, Dreamweaver’s menus run to 3 and even 4 levels deep. The IDE is surrounded by 3 tab bars, two icon bars, and 2 large tabbed property displays.
To say the learning curve for Dreamweaver is huge is an understatement. Dreamweaver easily rivals Visual Studio and Eclipse for complexity and time to master.
But the final straw was Adobe’s move to the Creative Cloud and annual charges for using Dreamweaver and all its family of Creative Suite products. I had been on a 3-5 year update cycle for Dreamweaver. So the annual fee for Dreamweaver was a non-starter even when bundled with the Creative Suites. I have detailed elsewhere why Creative Cloud and Adobe updates were not acceptable. And so I started more than a year ago to do a concerted search to find good replacements for Dreamweaver – or more broadly, better web development tools. Here is an overview of what I found.
Replacements for Dreamweaver
There are many web developers that are anti-IDE and have long supported such stalwart editors such as Emacs or Vim in Linux, Mac or PC over IDEs like Dreamweaver or Visual Studio. However, new tools started to sprint ahead of the old stand -by’s by offering syntax highlighting, code completion, code collapsing and expanding, plus code commenting, Here is a list of the editors that match and often better Dreamweaver or even Visual Studio
Super Text Editors
which adds a number of additional features beyond the core set listed above. These additional features include user-configured syntax highlighting, macro recording plus playback, auto-completion of keywords, function names plus parameters for many of the supported languages. Notepad++ also supports an on-board plugin manager with over 3 dozen free plugins available including tidy, ftp support, file compare, spellchecker, color picker, calculator and even a tetris game.
Textmate adds to the core text editing such features as code completion, macro recording and playback, plugin scripting, configurable code formatting, regular expression search & replace plus support for project file systems such as Darcs, SVK, and Subversion One disadvantage to Textmate is that its menus are large and go 3 levels deep as it supports so many languages and features thus approaching the dread Dreamweaver learning curve problem.
PHP Web Server Savvy Tools
The next level up tools provide much of the language editing facilities of the above text editors while adding web server side functionality with ftp support, database explorer and query development, code generation features, built-in localhost server testing, and remote server debugging among other features. The primary languages supported are PHP Java, Ruby, Python, Perl plus a coterie of Windows-only languages like ASP, C#, and Visual Basic. We shall emphasize the Open Source programs & languages because most of the tools are free/low cost and not proprietary.
As you will see in the screenshots, there is the danger that these web server tools are becoming more complex in their IDEs and start to approach Dreamweaver or Visual Studio in their learning curves.
Also there are other tools which support ASP, ColdFusion, Java Server Pages and Ruby on Rails with a wide range of database servers. There are number of Eclipse and Java based engines like Aptana, Eclipse itself and Netbeans that also provide these Web Savvy services. However, of necessity, these tools become more complex with larger learning curves that are inherent in web development Some like Eclipse and Netbeans allow users to download truncated Web versions reducing the complexity and learning curves.. However, in reaction to this complexity , there has appeared a series of code generation tools primarily for PHP that aim to provide “no coding required” web development.
Code Generation Tools aim to make the process of generating database driven web apps much easier and therefore approachable by novice users. By far the most common generators are for PHP or PHP-based CMS like Drupal, Joomla and WordPress. But there is a wide range of tools for web code beyond PHP. But following the 80-20 rule , our emphasis will be on PHP-based tools.
PHPrunner for $499 generate PHP CRUD database forms or grids plus charts and reports.
PHPRunner supports a variety of databases including MySQL, SQLite, Microsoft SQL Server, Oracle, DB2 among the most popular. With its SQL Editor users can can create tables and views for use in tables, grids, reports and/or charts[see above screenshot]. The Visual Editor allows drag and drop modification of web page [table, grid, report, charts, menus, content regions]designs while the Style and Template editors allow for customizing the format and content of PHPRunner objects. There user authorization grouping and control along with heft Captcha and other security checks. Finally, XLinesoft offers ASPRunner and ASPRunner.Net for Microsoft shops plus a variety of add on templates for all the Runner programs.
Scriptcase delivers a powerful Web application generator for $399.
Scriptcase runs as a localhost online app with the ability generate database grids, forms, master detail updates for MySQL, SQLite, Firebird, PostgreSQL and Access databases. The Enterprise Edition adds DB2, Sybase, Informix, Oracle and MS SQLserver support plus options for running added developer seats. Scriptcase adds the ability to generate reports, charts, and menu driven page layouts with extensive formatting and styling. Scriptcase also allows customizing for international use and mobile devices.
PHPMaker generates code in a variety themes for database table viewing as well as CRUD [record CReate, Update, and/or Delete] operations. These operations ca be done for Master-Detail related tables. PHPMaker provides forms or inline grid editing plus multiple search options. There is extensive formatting of grids and forms available with custom CSS plus export to Printer, CSV, Excel, and PDF files. These same capabilities are available for separate ASP or JSP tools. There is also a separate PHPReportmaker tool.
SQLMaestro runs as a wizard, taking users through the steps necessary to generate inline grid code for CRUD operations and then data display in a table or grid. The free version generates paging code with a choice of formatting as well basic export options. The full version adds inline grid and modal dialog editing, better filtering of grid, beefed up security and authorizations, broader data exporting and printing options, visual form and report editor, plus many other added features.
There are a number of smart themes for WordPress that allow for Visual Design of pages, posts, widgets and other WP blocks. Headway, Ithemes, Ultimatum and Pagelines DMS are among the leaders. I will display the Pagelines DMS2 here while users can see more info on other tools here, here and here.
WordPress already has an increasingly drag and drop interface for designing website fixtures like menus, sidebar widgets, and Web pages and posts. If you go to WordPress.com and create a free blog there you will see these capabilities in action:
The screenshot above shows drag and drop menu editing operations.
Drag and drop Visual Design has certainly come to WordPress in a big way. The new theme tools allow developers to do the same type of drag and drop building of not just WordPress Home pages but any any page or post for which a custom design and layout is required. Couple this capability with overall database and the WordPress content management API [written in PHP] and suddenly WordPress becomes a powerful and easy to use Web development tool.
Visual UI Designers
Visual Designers for RAD development have a chequered history in the Web arena. Visual Studio with its ASP and .NET approaches has offered attractive UI development time tools but at a price, First, there is a stark learning curve to master all the nuances of Visual Studio. Second, many Visual Studio deployments have various Microsoft proprietary requirements which simply run aground of a Web server environ that is predominately Linux-based. See the sidebar for more details.
Like many of the code generation tools, Sencha Architect uses templates drawn from its extensive framework for mobile, touch and desktop apps. Users then add widgets and customizing configuration & styling code like in Visual Studio or Eclipse. Sencha Architect provide a range of test environs depending on the framework being used. The downside to Sencha Architect is that it is oriented towards Sencha-only solutions and has only just recently opened up Sencha Architect to 3rd party custom tools and extensions.
Netbeans is very robust and offers syntax highlighting and code completion for the following Web languages: HTML4 & 5, PHP, jQuery, JSON, Knockout, Ext Js, AngularJS, JsDoc, ExtDoc, and ScriptDoc.. In addition, the live browser shows CSS2 & 3 plus SASS and LESS stylings in the display browser. Netbeans also supports a sophisticated SQL Editor & Code generator. The Apache Cordova/Phone Gap tools allows mobile savvy deployment. Finally with its plugins, Netbeans offers an array of added features including many of the Java GUI Designer tools.
There is a broad array of Dreamweaver replacement tools. The first group of text editors are low cost, easy to learn and probably meet the 80-20 rule – that is accomplish 80% of what you use Dreamweaver for at 20% of the cost. The next group, the Web IDEs are more expensive while adding more features for local testing and debugging plus direct SQL support. Here the learning curve goes up but most of the tools have managed to avoid Dreamweaver 4 levels of menus and a bewildering array of toolbars and icons. Also the Web IDE’s support of a broad range of SQL and other databases plus PHP development frameworks has stimulated broader support for the same in Dreamweaver and other Web Tools.