blog.thebigreason

spontaneous expressions of mediocrity

Dreamweaver Dumbass Edition

Last weekend, the Adobe acquisition of Macromedia was completed. Its implications have been in the back of my mind since the announcements over the summer, some of which have already come to light.

Last week I voiced my concern over what would become of my beloved Fireworks workflow, and raised a thought about Dreamweaver’s shortcomings as a professional web development tool. Now that the proverbial shit is starting to hit the fan, I’ve had one or two more thoughts about these shortcomings, or more appropriately, inconsistencies with the rest of the Adobe CS suite, and how they might just be able to turn them around.

Professional vs. Novice

Adobe Photoshop has been uncontested as the leading professional digital image-editing tool for the better part of two decades. Adobe Illustrator has also been a staple for professional graphic designers for a hugely significant amount of time. Adobe InDesign has all but turned the tables on Quark, which seems to have owned the professional print publishing sector for about as long as there has been one. With their acquisition of Macromedia, they have taken drastic steps to do the same with the professional web-publishing world. The only problem is that their newly acquired, “big web tool” (okay, their other “big web tool“), seems to be heavily geared toward novice users.

Both Dreamweaver and GoLive are pretty well known for being great WYSIWYG web development tools. While each does offer fairly robust code editing modes, the whole WYSIWYG thing is by far, what they are most known for. WYSIWYG in and of itself is a feature geared towards novices. Here’s why I say so:

The whole concept of WYSIWYG as it pertains to the web, is probably the most cruelly devised concept in the entire history of naming product features. Anyone who has ever attempted to design a website will tell you, what you see isn’t really what you get. After all, Internet Explorer 6 for Windows, Firefox 1.0 and Safari 2 don’t always agree on that. Given the fact that Presto—Opera’s rendering engine—is behind its design view, Dreamweaver may also have a different opinion on the matter all together.

No, WYSIWYG is more of a tool to take the edge off of all the intimidating XHTML, CSS, and JavaScript code for people who don’t have the patience to learn it (I’m looking at you, graphic designers). Hey, even I did it for years. I can tell you first hand; if your projects require the true cross platform/user agent consistency, and graceful degradation any true web professional should be able to provide, design view is of little use to you. In fact, it’s going to slow you down exponentially.

“So, don’t use design view.” You say. Bingo! Dreamweaver is a great text editor. It even has some cool features that BBEdit doesn’t. But that’s not my point.

Adobe provides professional solutions for publishers and graphic designers that do little to accommodate the novice. They don’t sugar coat Bezier curves, kerning, and color separations in their professional design and layout products. Why should Adobe’s professional web development tool be different, then?

It’s Already There, So What’s The Harm?

Frankly, I suppose there isn’t really any harm. I mean aside from adding a bunch of useless tools to a somewhat sluggish interface. Dreamweaver is actually a pretty good learning tool for coding. Sure, the visual design process is a bit quirky in a program that acts more like a word processor than an Illustration tool, but if you can learn its quirks and watch what’s going on behind the scenes, you can get a pretty good feel for how markup works. On top of that, if you don’t like design view, you don’t have to use it.

I used Dreamweaver for most of my non-professional web-developing career. The latter portion of which, I found myself using code view exclusively. There are a lot of pallets and features that you end up turning off when you only use code view. This prompted me to wonder if there was a tool that was more focused on the way I preferred to work. As it turns out, there were a few.

Harm isn’t the issue here, either. The issue is providing a useful tool that professional web developers can’t live without—just like graphic designers can’t live without Photoshop, Illustrator and InDesign. The reality is that most professional web developers can live without Dreamweaver. I haven’t opened it for about three years, myself. I don’t know a graphic designer who could say the same about Photoshop. Adobe’s track record suggests that they aim to take web development by the nose hairs as well. I just don’t see that happening with Dreamweaver as it exists today.

What Web Developers Can’t Live Without

This brings us to the six hundred million dollar question—what magic feature could possibly make Dreamweaver the answer to every web developer’s needs? Before I answer this, let’s make sure we have all the bases covered, shall we?

There isn’t much that Dreamweaver’s code view is lacking. What comes to my mind is a more robust snippets tool that allows for better replacing of wildcard triggers and cursor placement. Grep search would be fantastic as well. To be fair, Dreamweaver has a few features that I miss in BBEdit, like code completion, and keyboard shortcut to FTP your files to the proper directory of your web server.

These guys certainly have a few things they could learn from each other, but most can be chocked up to personal preference rather than deal breakers, and to that end, preferences that aren’t necessarily worth the $200 difference in their price tags.

My friends, the end-all, be-all feature that would make Dreamweaver mandatory equipment for every last web developer, on every platform is the very thing that makes it a novice tool today: WYSIWYG.

I’m not talking drag and drop layouts here, though. Unlike the WYSIWYG feature I berated in the beginning of this article, this WYSIWYG is the real deal. I mean give me a live viewer with a select menu/tabs/drawer/whatever for switching between multiple versions of WebKit, Geko, Presto, Triton and Tasman; a viewer that will let me view my layouts locally and on the web from a single computer, running a single OS, in a single authoring environment.

One of the reasons the Mac platform is popular for web developers, is that it comes stock with the Apache web server, MySQL and PHP. These are very popular, open source Internet technologies that allow for local development of dynamic web content. It’s extremely useful to have all of this power integrated in to a single platform. The fact that we have all this development power locally, but have to rely on emulation software, or additional hardware just to check rendering discrepancies in a web browser or two is insulting.

As a Mac guy, I have little tolerance for things like viruses, spyware, and full screen window environments. These are completely foreign concepts to me. With the release of Windows Vista on the horizon, its staggering system requirements, and inability to run multiple installations of Internet Explorer, the added cost and trouble of maintaining multiple Windows installations just for the ability to visit a few websites is along the same lines of reasoning as hitting yourself in the head with a hammer, because it feels so much better when you stop.

Likewise, web developers on the Windows platform could also benefit from the ability to preview their designs in webkit without the need for additional Mac hardware.

But That’s Crazy Talk

Yeah, that could never happen. Or could it? Technically speaking, it is possible. I’m already running a few versions of all these rendering engines on a single computer at the same time. I’m even doing so in a much more complicated fashion than the ideal I have suggested. A few versions of Firefox here, an install of VPC there What’s to say they couldn’t all be consolidated into a single environment? Netscape 8 does it with Geko and Triton.

Okay, then legally, that would be a total nightmare. Are you sure? I mean, I already have multiple, legal copies of all these rendering engines running on a single computer at the same time. Opera, Apple and Mozilla license their respective engines to third parties all the time. Legally, it’s already almost there.

Fine, but it’s just not cost effective for a single company to license all of these engines for one piece of software. Are you freaking kidding me? The cost could easily be passed onto the consumer.

At the bare minimum, I already have to fork out an extra $230 dollars for Virtual PC with Windows XP, plus $80 for anti-virus software just so I can run a few Windows browsers. It’s either that, or spend an additional $200 to $300 more to get a dedicated Windows machine. I’m willing to bet most web professionals would be happy to spend the same or more for the added convenience of not having to run multiple environments and, in some cases, virus protection, just for the ability to run a web browser or two.

A Slippery Can Of Worms

Indeed, the reality of such an ber browser raises a lot of scary possibilities. Some of these are already being considered after Adobe’s recent Acrobat Reader/Flash Player integration announcement. Would this put Adobe into the browser business? Could this be a useful tool for the average Internet user? Does it give Adobe too much power?

He who gets up off his ass to take a chance and fill one of the biggest, largely ignored holes in the web design process deserves all the spoils he wins as far as I’m concerned.

Adobe, are you serious about owning professional web development, or is a Photoshop Elements, “prosumer” feature set all we can expect from you?

Can someone at least port Triton to Mac OS X already? Sheesh.

This entry was posted on Wednesday, December 7th, 2005 at 9:20 am and is filed under Macintosh, Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

14 Responses to “Dreamweaver Dumbass Edition”

  1. M.e. says …

    dave - I hear where you’re coming from. I’m not calling Dreamweaver’s cryptic design view interface user friendly by any means. Perhaps my statement was too general. I’m calling it a novice feature as it compares to hand written markup, CSS, JavaScript, and XML—something your coworkers would be much less inclined to tackle learning.

    The WYSIWYG is primarily there for people who don’t know markup. People who don’t know markup aren’t going to be very successful as professional web developers.

    On a side note, I hope Adobe uses the GoLive name over Dreamweaver. GoLive has some semblance of being related to web development. Dreamweaver is just a dumb name.

  2. dave says …

    “Dreamweaver is just a dumb name.”

    Your hate knows no boundaries, M.e.

    BTW, the WYSIWYG is merely a gateway to coding. Unless you only design pages stuffed with animated GIFs and horizontal rules, you’ll outgrow it and move into the code view (which DW gives you the option of making your default on installation).

    I still don’t think it’s a novice program. It’s a professional program with a nice “intro” feature for newbs.

  3. M.e. says …

    And one day you’ll outgrow Dreamweaver and move onto BBEdit, skEdit or TextMate. Actually, a lot of Windows people dig Homesite. It’s Macromedia’s code-only editor and it comes with Dreamweaver. I don’t know if it has any of the more advanced features that Dreamweaver lacks, but it’s much more lightweight. Maybe this will be their answer to my question of a professional web developer solution… nah, they’ll probably just nuke it.

  4. Mankai says …

    Can’t we just all get along?

    Both of you obviously have your favorites, so use them. I personally use Dreamweaver, (in both views if you must know) BBEdit, HTML Kit, and Notepad. All have their advantages and disadvantages but I wouldn’t completely discount any of them.

    In my opinion, Dreamweaver is still one of the best WYSIWYG editors out there, and I don’t see that changing anytime soon. Also, while diehards, like ourselves, see text editors as the way to go, many designers will never stop using WYSIWYG editors, just like people won’t stop using Microsoft Word and start writing documents all in XML. Adobe knows this and is banking on it.

    I don’t think you can just categorize Dreamweaver as a novice or professional design program. I think that it spans the scope between professional and novice designers, which is why I it is really such a powerful program. You can do novice table based, simple HTML designs, or cutting edge XHTML CSS designs as well as, PHP ASP and Coldfusion scripting. Ultimately I don’t think here is any shame is using Dreamweaver, but knowing what other tools to add to your arsenal is what separates good designers from okay designers.

    By the way, in my opinion, Homesite is really overpriced and you can do many of the same things with much less expensive text editors although it does have some nice plug-ins, but so does Dreamweaver.

  5. Jack says …

    Disagree with a few points, agree with some others.

    I am a professional web designer, in that I get paid to design websites and implement dynamic database-driven web applications. I use Dreamweaver extensively and I use the WYSIWYG and Code view interchangeably. I find both have their place in different situations.

    One thing did strike me as odd - your statement that MAcs are popular for web developers. In what universe is that? Macs aren’t even popluar for graphics applications any more. Have a Mac is like working on a Tandy. Every web developer I know uses a Windows machine for work, even if they use a Mac at home.

    You don’t code websites for 8% of the compuer-using population - you code for the 92%. If the other 8% have problems and they need to be able to properly see the site, then degrade your code (preferrably by designing using CSS in the first place).

    I think your tabbing idea is a great one that unfortunately will never be implemented. Really good ideas rarely are.

    As for the name change … get real. GoLive is a stupid name. Dreamweaver is a REALLY stupid name. But Dreamweaver means web design in the hearts and minds of the average semi-web savvy slob. Dreamweaver is a popular brand name - that’s why Adobe picked it up.

    I think we’re stuck with Dreamweaver (perhaps Dreamweaver CS?) for a while.

  6. Matthew says …

    I’ll have to disagree with you Jack. In my area, every web design and/or programming studio uses Macs. They may have a Windows computer too, but primarily they use Macs.

    I’m sure that’s not the case everywhere, as you’ve pointed out, but I think that a significant portion of ANY creative field’s professionals use Mac computers at work and also perhaps at home.

  7. Nathan Smith says …

    I agree with you on this point: Dreamweaver is a bit clunky for what it does. If I just want to hand-code something, I’ll use Araneae, because firing up Dreamweaver takes far too long, and its code-hinting is like having someone thrust sheet music in your face when you’ve already got the song memorized. I honestly don’t really care what happens to DW / GoLive, so long as Fireworks stays relatively un-touched.

  8. tripdragon says …

    Dude,,, I can’t even think how you can stand nightmareweaver. It is so flinchy
    Coding sucks but a live preview ala webkit and taco html edit is a perfect combo. All thats lacky now is a simple visual CSS tweak tool for faster access to parts of the interface editing. I have an idea I keep haking to people :D *hint drop*
    http://www.aprilcolo.com/oh/spots/csstweek/

  9. Jonas K. Sekamane says …

    I was a big fan of HomeSite before Macromedia bought them and ripped it for features which they now use in Dreamweaver.

    “You can easily figure out how to convert a tiff to a jpeg…”
    I wound’t consider that a PROFESSIONAL designer, in the same way that making a website in dreamweaver(code/wysiwyg) does not make you a PROFESSIONAL frontend developer. I (in this case) define professional as someone that understand the theory (in details) behinden and make logical solutions based on that.

    I very much doubt that Adobe will ever get the Photoshop-market-position in web development, there are just to many free/opensoucre programmes that have many of the same features, and many more, than Dreamweaver, HomeSite and GoLive together. But a multiple-rendering-engine may be the answer.

  10. Jonas K. Sekamane says …

    But agree with many of you, Dreamweaver is the best get-into-webdevelopment tool.

  11. beth says …

    Is WYSIWYG really so irrelevant with the development of newer technologies like XSLT? The big problem with WYSIWYG is people relying on it for drag-and-drop purposes, but WYSIWYG is still a great tool for seeing real-time rendering of your code.

  12. dave says …

    Jonas, M.e. was drawing a comparison between the novice and professional features of Dreamweaver and Adobe programs. I was indicating that Adobe programs do not necessarily suffer from the same learning curve as Dreamweaver, not that converting a tiff to a jpg is a professional maneuver.

    Personally, I’m so PROFESSIONAL that I use Photoshop to convert Christians to Muslims.

  13. blog.thebigreason » Blog Archive » Vista Lockdown Mode Is My Dream Vista! says …

    [...] For the record, I’d gladly pay the $200 price of XP home addition for a Trident powered browser for the Mac instead.  Adobe, I’m looking at you… [...]

  14. Daniel says …

    I couldn’t understand some parts of this article Dreamweaver Dumbass Edition, but I guess I just need to check some more resources regarding this, because it sounds interesting.

Leave a Reply

Our Sponsors