{"id":199,"date":"2010-12-07T23:46:22","date_gmt":"2010-12-08T06:46:22","guid":{"rendered":"http:\/\/journeyman.ivystreetinc.com\/?p=199"},"modified":"2010-12-07T23:46:22","modified_gmt":"2010-12-08T06:46:22","slug":"html-editors-i-thought-theyd-be-so-great-in-the-future","status":"publish","type":"post","link":"http:\/\/10kdev.net\/?p=199","title":{"rendered":"HTML Editors?  I thought they&#8217;d be so great in the future"},"content":{"rendered":"<p>I don&#8217;t know how old you are or from whence you came but in the 1990&#8217;s a lot of us were using crazy tools that had nice WYSIWYG html designers in them like Visual Interdev, or Macromedia Homesite or Dreamweaver, or Frontpage or whatever.\u00a0 There weren&#8217;t many but in our little two-tiered world these were awesome for getting a UI up off the ground and running.<\/p>\n<p>But nowadays I am hard pressed in the programmer world to see anything that well, seems like some awesome futuristic create a great app solution with a great WYSIWYG editor.\u00a0 In fact if anything, things have become (at least in my world) much more &#8220;codey.&#8221;\u00a0 I mean for the sake of the gods even Actionscript\/Flex UI&#8217;s are all code with no real fun drag an drop interfaces; none worth mentioning at least.<\/p>\n<p>Its sad isn&#8217;t it?\u00a0 I mean, in the way that those kids from the 1950&#8217;s thought we&#8217;d be living on Mars now disappointing.<\/p>\n<h4>WHY?<\/h4>\n<p>I think this situation came about for a few reasons:<\/p>\n<ol>\n<li>A division between designers and programmers.\u00a0 So, designer tools\u00a0 are predominant for UI.\u00a0 Developers might use a prototype tool to wireframe something out but that&#8217;s about it.\u00a0 Generally, all the CSS and skinning is handled by a design pro.\u00a0\u00a0 It&#8217;s better that way, because it takes a lot of work, talent, and its not the same thing as coding the guts. (Fireworks, Balsamiq)<\/li>\n<li>Its just as fast to code.\u00a0 Why bother with a drag and drop layout when you are going to have to tweak the code anyway?<\/li>\n<li>Scaffolding.\u00a0 If the UI is predictable, the domain is sound, and UI work is just not that important (Craig&#8217;s list for instance)\u00a0 then just do the ultimate code generation.\u00a0 You can sidestep WYSIWYG editors for that. (Django, Grails)<\/li>\n<\/ol>\n<h4>WHAT I USE<\/h4>\n<p>For some of my straight sites, I just use a tool called HTML Kit build 292 from Chami.\u00a0 It&#8217;s shareware, and does the things I need: HTML, CSS, and Javascript code coloring; term library, ftp client, and a quick preview and button for browser display.\u00a0 I know several powerful programmers who use just something like TextMate or VIM or Text Wrangler, or Notepad++ or whatever.<\/p>\n<p>I use Grails for quick prototyping because of the plugins and GORM, that allows me to quickly get a domain up, if I need something that powerful.<\/p>\n<p>I tried different WYSIWYG editors and, honestly, cant justify the expenditure on the Adobe products because I don&#8217;t design for a living, I code the guts.\u00a0 The Eclipse plugins are wanting, and anything in Firefox etc. just isn&#8217;t worth the trouble.\u00a0 HTML Kit just lets me get at it quick and I am well versed in the web languages so, its nothing.<\/p>\n<p>Wireframing tools ARE cool.\u00a0 I took a product through a lifecycle trying both the newer Adobe Flash Catylist, and Adobe Fireworks just this year and it is cool but I don&#8217;t believe it.\u00a0 Code generators outside of raw scaffolds make me nervous &#8212; doing a UMD (up-middle-down)\u00a0 design is ALWAYS a bad idea if a domain is involved.\u00a0 Because, the domain is a different beast\u00a0 &#8212; different requirements, different technology (for instance, an object cannot be always be stored in its natural state if the domain has reporting or audit requirements).<\/p>\n<p>For wireframing I kinda settled on Pencil, a Firefox plugin.\u00a0 Also I love Visio but I just use that for documentation and UML.<\/p>\n<h4>Oh Well<\/h4>\n<p>Those days like in Star Trek where you can create an application by clicking on a few giant buttons on a touch screen aren&#8217;t here yet &#8212; because some of us are in the business of writing those touchscreens.<\/p>\n<p>Guess you&#8217;ll just have to wait.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I don&#8217;t know how old you are or from whence you came but in the 1990&#8217;s a lot of us were using crazy tools that had nice WYSIWYG html designers in them like Visual Interdev, or Macromedia Homesite or Dreamweaver, or Frontpage or whatever.\u00a0 There weren&#8217;t many but in our little two-tiered world these were [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/posts\/199"}],"collection":[{"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/10kdev.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=199"}],"version-history":[{"count":1,"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions"}],"predecessor-version":[{"id":200,"href":"http:\/\/10kdev.net\/index.php?rest_route=\/wp\/v2\/posts\/199\/revisions\/200"}],"wp:attachment":[{"href":"http:\/\/10kdev.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=199"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/10kdev.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=199"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/10kdev.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}