One Man’s HTML5 Developer Workflow

We are now squarely in the age of HTML5; or the age of HTML5, JavaScript, and CSS3, if you prefer. That being the case, it amazes me that for those poor souls who are new to the world of front-end development, there is little written on what their developer workflow might look like. With them in mind, I am offering up a starting point, based on my own experience and preferences.

EDIT: I just added all of the links mentioned in this article to my Master List of HTML5, JavaScript, and CSS Resources. Be sure to check it out and submit your favorite links.

Hardware/OS

I spent the better part of 20 years on Windows-based machines, and I don’t have one fond memory to share. If you’re into constant troubleshooting and tweaking, then by all means go Windows.

However, aside from my personal preference for Macs, there is one very good reason why you should seriously consider doing all of your development on one: iOS development. The only way you can develop for an iPad or iPhone is by using Xcode on a Mac. Since that is the case, who wants to have to develop on more than one machine? Not me, so Mac it is! (thankfully)

Design

For design, I use two tools extensively. For interactive mockups, I use Keynote with templates from Keynote Kung-Fu, although templates from Keynotopia are equally impressive. You’d be surprised how easy it is to create a very rich, professional looking demo using Keynote.

For all of my graphics design work, I rely on the excellent Pixelmator. Using this tool, I can create anything I need for my Web or mobile Apps. The latest version even has support for vector graphics.

If you are into responsive design (and you should be), you should look into the usage of SVG graphics instead of raster/bitmap graphics. If you decide that’s the direction you want to go, then Pixelmator at this point can’t help you. You see, although you can create vector images within the tool, you currently cannot export such graphics to a usable format (i.e., SVG).

Therefore, you’ll need to add another tool to your toolbox. I am currently looking at a free, open source tool called Inkscape. It’s interface is not much to look at, but it seems to have enough features to get the job done. Alternatives include Adobe Illustrator and Corel Draw. Warning: be prepared to shell out some dough for either.

Development – Editor

For development, I prefer a basic text editor with syntax highlighting, auto-completion, and customization options. The reason I prefer a text editor over a seemingly more rich Integrated Development Environment (IDE), such as eclipse, is that I don’t find IDE’s more feature rich at all, and IDE’s tend to be bloated and cumbersome to boot.

My editor of choice is Sublime Text 2.

Sublime Text is, quite frankly, the best editor I have ever used. It not only enhances my productivity, but it looks good doing it. Aesthetics aside, there are other, more compelling reasons to seriously consider this fine piece of software. Here are just a few out of dozens one could list:

Speed

Do you hate the Mac beach ball as much as I do (you know, that colorful spinning wheel that shows up whenever the Mac is busy)? If you do, then you owe it to yourself to download a copy of Sublime right now. It is fast – really, really fast!

There’s fast file switching, fast scrolling of large files, fast search of one or many files, fast loading of large files. Everything you do in Sublime is quick; there’s no waiting for anything. You can have 20 tabs open at a time, and guess what? It’s still just as responsive as when you have only one tab open.

Multi-selection

I was blown away when I first saw this demonstrated in an article by Jeffrey Way. Basically, it allows you to highlight and/or place cursors on multiple parts of the document, at which point, you can make many edits at once. A real time saver for me has been variable replacement using multi-selection. Using the search function, I can find all instances of a variable (nothing new). Using ‘find and replace’ in a traditional editor limits you to simple replacements or causes you to have to be a regex expert. Such is not the case with Sublime – perform a search, select ‘find all’, and presto! you now have each instance highlighted, with a cursor next to it, allowing you to make any changes to all instances at once, no matter how complex they may be.

Build System

With the built-in build system, you can launch any type of app you’d like, via a menu or hot-key combination (usually F7), or even automatically after saving a file. So, for instance, I have a build system for CoronaSDK that will automatically launch the Corona simulator whenever I save changes to my lua files.

I haven’t yet set up a build system for HTML5/JavaScript/CSS. There’s so much flexibility on how to set it up, I still haven’t decided on a solution. What I’d like to do is kick off a build every time I save one of my project files. The build would then compile .less files into .css files as needed, minify javascript files, create auto-generated docs as needed, run test scripts as needed, and then open up or refresh the browser, so I can see my changes. If there are any Sublime experts out there reading this, I’d love to know how to get this to work. I believe it can be done though.

Plug-ins

One of the main strengths of the tried and true TextMate editor has been its plugin capabilities, and the availability of a vast array of third party plugins that have been developed over the years. Sublime is fully compatible with nearly all of TextMate’s plug ins. In fact, I should rephrase by saying, I haven’t found one TextMate plugin that isn’t compatible, although I do have one that gives me a warning each time I launch Sublime (the CoronaSDK plugin for some reason).

In addition, Will Bond has created the excellent ‘Package Control’ plugin, which allows you to easily discover and install other plugins. This is the first plugin that everybody should install.

From there, you can install any of a myriad of available plugins. If you can dream it up, chances are there is a plugin for it already. And if by some off chance there is not, then Sublime makes it easy enough to create your own.

Here are the plugins that I use regularly:

Sublime SFTP: another excellent plugin by Will, this allows me to save my files and projects to my remote server without having to fire up Filezilla or the Terminal. One cool feature is the auto-save option. I have it set up so that when I save any of my files locally, they are automatically pushed to my server as well. This comes in handy when I want to test some of my code on an iPad for instance.

I need to give Will some props here. The guy is a very responsive, available developer – case in point: before I gladly paid the $16 license fee for this plugin, I emailed Will asking if he could add support for the case where an external tool or build process auto generates a file, such as in my case where a LESS compiler auto-generates a CSS file. While Will was somewhat handcuffed in what he could do, nonetheless, he came up with a solution in his very next build and now this plugin’s file monitoring feature is something I use regularly.

SublimeLinter: a JSHint plugin that is invaluable in helping me detect JavaScript errors.

SideBarGit: this adds basic and some advanced git functionality to the sidebar, allowing you to perform commits and other git commands without leaving the editor.

My own theme: although I like a lot of the visual themes that are out there already, most of them tend to be light text on a dark background. If I’m coding for quite a while, I tend to prefer dark text on a light background. None of the themes really struck my fancy, so I went ahead and created my own. Here is a screenshot of an HTML5 page:

If anyone is interested in my theme, feel free to download it, here: Theme – Gene

Notable Editor Alternatives

TextMate: decent, but outdated de-facto standard for many developers; the new 2.0 alpha version is finally out after years in the making, but compared to Sublime, it looks like ‘too little, too late’

MacVim: it’s Vim, need I say more? ;-) Actually, I do need to say more: I hate, hate, hate, hate, hate Vim – did I mention that I hate it? I just don’t get how anyone could like the antiquated Unix-originating Vim with it’s stupid modes, over any of the other options that are out there. Emacs was waaay better than Vim back in the day; nano is better than Vim now; and they both pale in comparison to Sublime, and the other feature rich editors listed here; and yet, excellent coders, such as Thomas Fuchs use this editor — like I said, I don’t get it

BBEdit: It’s nice, but it just isn’t as snappy, full featured, or nice to look at as Sublime.

TextWrangler: BBEdit’s little brother. It might be the best free editor out there, but lacks many of the features the others have.

Notable IDE Alternatives

Dreamweaver: I nearly hate Dreamweaver as much as Vim. Actually, I might even hate it more. I have never seen a more bloated, slow, jumbled mess of an application in my life. It’s a memory hog, as are most Adobe products, but unlike FlashBuilder, it’s interface and functionality does not even come close to making up for it. And get this – they’re charging $400 for this piece of garbage! Stay away; stay far, far away.

Aptana Studio: if you like Eclipse, you might like Aptana. I don’t like Eclipse – ’nuff said.

Coda: has issues with large files; generally slow and bloated, albeit not as much as Dreamweaver or Aptana.

Espresso: used the trial version and was underwhelmed.

NetBeans: a free, open source IDE that people I know use. Not for me, though.

WebStorm: cheezy name, no doubt, but a lot of commenters, below, seem to like it.

Development – Supporting Tools

In lieu of using Sublime’s built in build system to compile my .less files and refresh my browser, I am currently using CodeKit to do the same. CodeKit does some other things like running JavaScript through jshint, but since I’m already doing that in Sublime, I don’t really need that feature. The only complaint I have for CodeKit is that, while it will auto reload the browser whenever you change your .less or .html files, the tool does not auto update whenever I make changes to my JavaScript files. I’m not sure if this is a case of user error, or if it’s a limitation of the tool, but most of my code changes are done in JavaScript, so that would be a nice feature to add. EDIT: Per the author’s comment, below, this issue has been fixed.

There are alternatives to CodeKit that do much the same thing and are worth checking out. One such alternative is SimpLESS, but there are others as well.

Debugging

I use Safari as my test browser, making use of their excellent developer tools. For those who don’t know, these built-in tools allow you to inspect your scripts, set code break-points and watch expressions, view the debug console, and more. It’s really an invaluable tool.

To debug mobile apps, there is nothing like Safari’s tools available. One interesting solution has piqued my interest though. It’s called weinre, which is not a hot dog substitute, but rather a ‘we’b ‘in’spector ‘re’mote, hence the name.

In addition, I use but one Safari plugin – Resize by Chen Luo. It allows you to quickly resize your browser to pre-set exact dimensions. Chen has built in nearly every dimension you’d be interested in: the iPhone’s 320×480, the iPhone retina’s 640×960, the iPad’s 1024×768, and a ton of others. For those not willing or able to shell out the $9 for this excellent plugin, Chen also provides a free website that works similarly, albeit by opening a new browser window instead of resizing the current window. It’s called resizeMyBrowser.

Testing

For JavaScript development, unit testing is desirable. I have to admit, however, that I haven’t really standardized on one tool as of now. I am currently looking at several helpful libraries and tools, including testling and the straightforward Unit Test library.

For mobile development, you’ll need to use emulators. For iOS, there are the emulators that come with Xcode. For Android, Google provides an emulator. If you want to go further than that and test on specific device emulators, there’s Adobe’s Device Central.

Doc Generators

I’m not sure if most people really need doc generators (myself included). Proper coding techniques and naming conventions should provide for self-evident logic enlightenment.

That being said, when working on a large team, or when creating re-usable libraries or API’s, documentation is a must. There currently seems to be no de-facto standard for JavaScript doc generation, as is the case in, say Java (with the venerable JavaDoc). So, here is my pick of the litter for those interested:

JSDoc2: the original JSDoc has been deprecated, so you may choose from this version, or JSDoc3, currently in beta.

YUIDoc: I like the default output of this tool better than JSDoc, but it’s still not perfect.

PDoc: the output that it generates is the best of the three listed here, but I’m not sure how it will do with non-Prototype code (I think it should work, but I’m not positive).

docco: if you’re looking for something a little different, you may want to consider docco. Its output consists of two panes – one with the code, and the other with comments mapped to the code. I haven’t seen it used anywhere, except in the documentation of the excellent JS MVC library backbone.js.

Version Control

You should get used to using version control, even if you’re a solo developer. It’s a good habit, and chances are, sooner or later, you’ll want to share your code or collaborate with others. Any version control product will do, but the two you should be most educated on at this point are git and svn.

Mobile Deployment

There will no doubt be many cases when you’ll want to deploy your HTML5 app to devices other than the browser. In such cases, you could let mobile users access your site via their web browser. Or, you could package up your code into a native shell, thereby creating what is known as a “hybrid app” (although this term can mean any number of things, depending on whom you ask).

To create such hybrid apps, you basically have two choices: PhoneGap, or Titanium. I prefer the simplicity and larger developer community of PhoneGap (a.k.a., Apache Cordova – yeah, good luck with that name change!). But both have their place and their supporters.

Once you have built your hybrid app, it’s deployed to your app store of choice by whatever means you would normally submit a native app. If you first want to beta-test your hybrid app, then I recommend the über-cool TestFlight, which makes the otherwise painful process of distributing your app to beta-testers a breeze.

I should also mention AppMobi here for completeness, but as I state in the comments, below, I was put off by their message board postings on their site.

Summary

I’ve covered a lot of ground here, going for breadth rather than depth. That being said, I hope that this was a useful resource for those looking to piece together the often confusing world of HTML5 development.

I would love to hear what your favorite tools are and what your development workflow is. I am always open to learning about new tools or techniques and will gladly update this posting as I refine my own workflow even further.

This entry was posted in Technology and tagged , , , . Bookmark the permalink.

58 Responses to One Man’s HTML5 Developer Workflow

  1. Johans says:

    Check out JetBrains WebStorm – my favorite IDE.

    • Gene says:

      Nice tip, I hadn’t heard of that IDE before. At this point though, I would be hard pressed to consider it over Sublime, as it gives me everything I need.

      • Tal Ater says:

        I was actually a fanatic Sublime fan until recently… But since trying out JetBrains, I have seen the light… Much better than all the IDEs I’ve tried before (and I’ve tried most of them)

        I still use Sublime for small text edits, or very, very small static projects… But for anything bigger – JetBrains is a joy.

  2. Joe says:

    I’m pretty much the same as you, however, although I use Sublime for some quick things, I haven’t managed to get away from NetBeans. The reason being, an IDE will analyse and understand your *full project*, offering auto-complete and help documentation for your *own classes*. Sublime would need to move from an editor to an IDE to offer this and this alone keeps me in Netbeans.

    I also develop with xCode, CodeKit, Sublime and use Pixelmator for what little graphics I need.

    I still use Transmit when deploying live but I’m sure with a little config, I could get around that with Netbeans.

    Other tools I use, which may interest you, are Tower for Git (I was part of the beta and have stayed with it ever since. It is perfect for my Git needs), Sequel Pro & Base for MySQL & SQLLite (web & iOS), ColorSchemer Studio & xScope.

    What has changed my workflow the most, is probably Alfred App. I use the keyboard more than the trackpad now and can get around the OS much faster. I make a lot of use of the snippets feature for quickly reusing my own code and objects.

    Good article, nice to know I’m not alone in how I code :)

    • Gene says:

      Very interesting comment. I had looked at Alfred some time back, and just didn’t spend enough time with it to “get it” and make it a part of my workflow. I might take another look.

      As I mentioned, NetBeans is used by a few people I know, so you’re not alone there. Thanks for the other tips – I might edit the post to include SQL/database tools and js documentation generators.

  3. Nice post…
    Just would like to mention WebStorm from JetBrains which is a nice IDE for developing HTML5 with JavaScript and CSS too…
    Cheers,
    Gerrit

  4. julien says:

    Concerning Vim, I just don’t get my you would compare it with Sublime Text 2 which tries to borrow all of Vim’s features using command shortcuts, you probably don’t like Vim because you didn’t take the time to learn it, I’d rather learn Vim then buy a tool that will be deprecated in a few years … Look at TextMate, people went all Lady GaGa over it a few years ago, and are saying it’s outdated now … Don’t get me wrong Sublime Text 2 is nice, but you can’t beat Vim or Emacs when it comes to text editing

    • Gene says:

      Can’t disagree with you more. I had to learn Vim back in the day because Unix was THE operating system and emacs unfortunately didn’t come installed by default on all unix servers. Vim did, so it became a least common denominator editor that everyone had to learn.

      And as such, I stand by my statement – I hate, hate, hate, hate, hate Vim! :-)

  5. Giuseppe says:

    “nano is better than Vim now”: I don’t want to live on this planet anymore

  6. Pingback: Good Reads For The Week: 21/01/2012 — Adam Nuttall

  7. As a developer just getting into front-end it’s an interesting post… but as someone who got burnt by the stark UI contrast while trying out MacOS (back in 2006) have become a fan of linux….. And would prefer a post that’s less Mac-Centric…Anyone out there??

    • Gene says:

      You’re probably always going to have more of a tool choice on Mac or Windows than on Linux, good or bad. I like the Mac because I get the best of both worlds – a slick UI on top of a Unix shell.

  8. Thank you for the detailed description of a development environment/workflow that looks fun.

    –for vim: You don’t get it, you hate it, you think it is ancient. I got you: You don’t know it. :)
    First try, then comment.

    • Oww.. Sublime looks pretty impressive! Thank you again. If I switch my editor after 12 years (I look ancient, huh?) it will be your addition to my life.

      • Gene says:

        Really, it’s not that hard of an argument – Sublime beats Vim, hands down. Even if all else were equal (which is not the case), the fact that you can use TextMate bundles should tilt the tables in Sublime’s favor.

        • Thank you! I migrated to Sublime2. I have tried many other editors in all those years and all those experiences ended without even considering a change. — I did not try TextMate because Mac was never my environment.

          Sublime2 impressed me at the first look. They focused on the editing experience itself which is a very rare situation for all those cluttered ides and editors. I tried to use it a few hours first and I was almost turning back to my vim window which was still open. Right before deciding, I took a look at the documentation I learned about Vintage then I was convinced.

          For some other things that I used in vim, I am sure there will be plugins or even if not, I will spare some time to write them myself. Sumblime2 really caught me. I am a really stubborn and oldskool man; but I have always claimed that I was open-minded and it was the alternatives that cannot offer better than what I already have. I have never had such a change by reading a blog post. With this change, I also have proven myself that I am really open-minded and I was not deceiving myself. I thank you again.

          PS: Vim is still much better than any other editor, so your paragraph about it is pretty unjust. The ones who do not prefer vim are generally who do not give it a chance. I gave all others a chance way beyond I did for Sublime2 and none of them even caught my approval for an acceptable editor. Vim is powerful and beautiful, if you know it. Sublime2 is maybe-less powerful but much more beautiful. They just re-designed and re-implemented vim removing all the clutter. I don’t mean that vim was their source of inspiration; but from my perspective, it looks very similar in the approach if we remove all the clutter vim had during its slow evolution in years.

          PS: Sorry for missing all other ideas you shared in your post and writing comments that focuses just on the editor. It caught me.

  9. Kire says:

    Great list.

    “To create such hybrid apps, you basically have two choices: PhoneGap, or Titanium.”

    What about appMobi?

    • Gene says:

      Yeah, I should have mentioned AppMobi I guess. But I have to say, based on their employee feedback on their message boards, I have been less than impressed with their professionalism. They are typically defensive or defiant, and sometimes downright belligerent. It’s not an indictment of their technology, but it sure would make me think twice before using their products.

  10. Mat says:

    Way too complex, lots of useless tools.

    A new developper only needs a linux, a vim and a FTP client.

  11. Alex says:

    Hey, thanks for this breakdown, I didn’t know about sublime sftp, I’m actually using Sublime Text 2.

  12. P says:

    Coda slow and bloated? Please.

    • Gene says:

      I haven’t looked at it in months – if I’m mistaken, please post a more verbose comment. I’m always open to other opinions, especially since editor/IDE affinity is purely subjective and/or dependent on an individual’s needs.

  13. Chess says:

    Why isn’t Sublime on the app store?

    • Gene says:

      Probably because v1 was out before the app store existed and v2 is still in beta. But I’ll defer to the author on this. Does it really matter?

  14. Bryan says:

    CodeKit guy here.

    I’ve looked into the issue and have discovered that, currently, when you save a Javascript file, the app only reloads your browser if it *processes* the file — meaning it either creates a minified version, or combines all the imports into a single javascript file.

    If you have CodeKit set to simply check the syntax of the file when you save, it will not refresh the browsers. This is unintended behavior, so I’ve changed it. The next release will include this fix.

  15. Amir Khella says:

    Great post, Gene. Thanks for mentioning Keynotopia :)

  16. I used Textmate and later on Sublime almost exclusively. Riding the same mantra ‘IDE’s are bloated and slow’ However- since Webstorm 3.0 I am personally -definitely not going back to using Editors (exclusively) to develop software/apps/websites.
    Webstorm makes me so much more productive. With intelligent inspection, refactoring, code completion- automated code checking that works. Split screen (in my opinion a godsend and what I love about for instance Sublime) and it’s fast to boot. Plus can strip the UI bare (which I did) if you like.

    • Gene says:

      Hmm, I’m wondering why there are so many comments on WebStorm, an IDE I hadn’t even heard of before now. The comments seem legit, so I’ll leave them, but it does make me wonder where they’re all coming from!

      Maybe I’ve just been under a rock.

  17. Caroline says:

    I LOVE Keynotopia! Particularly appreciate the wireframe + high fidelity (perfect pixel :) part of it (+ can’t wait for each free update they send out – amazing work!) Depending on what I’m using it for I might go straight to high fidelity for final presentations or go with wireframes (old school side of me). I like being able to go from wireframe to high pixel with just a few clicks. Keynote is also my tool of choice for interactive apps (can’t be beat for $20 price tag – wish I had learned of it sooner)!

  18. David Litmark says:

    Thanks for the write up. Was suprised that WebStorm wasn’t mentioned in the IDE-section, and was about to post a comment on this when I discovered others had done so already. If I’m number four mentioning it, it’s time to check it out. :)

  19. Fadi says:

    I’m curious on why you only allocated a small paragraph to mobile programming, while everyone knows that in a couple of years the majority of Internet traffic will be mostly mobile.

    • Gene says:

      The article was about developer workflow and the tools that I use… Is there anything you feel I should add to that section that the other tools mentioned wouldn’t accommodate? Remember, your workflow shouldn’t change considerably just based on channels or devices. And besides, it’s not like all of that mobile Internet traffic that you mention will be originating exclusively from native/hybrid apps. A considerable amount might still originate from a browser, as is the case now.

  20. seo says:

    Hello there! I know this is kinda off topic however I’d figured I’d ask. Would you be interested in trading links or maybe guest authoring a blog article or vice-versa? My website discusses a lot of the same subjects as yours and I feel we could greatly benefit from each other. If you’re interested feel free to send me an email. I look forward to hearing from you! Terrific blog by the way!

  21. drowne says:

    Hello Gene!

    I started to learn HTML5/JS/CSS3 4 months ago and I had adopted your same workflow over time. I’m reading this post today thinking “wow, exactly what I am doing!”.

    I’m working in a team of 2 people where I am using Sublime and my patner is using webstorm. I can see code completion and refactoring in that IDE are just pure awesome, but sublime is way more comfortable for snippets and, more in general, its insane velocity.

    I made a Corona SDK plugin for Sublime, so you don’t get that annoying error anymore, you can check it out here: https://github.com/drowne/Corona-SDK.tmbundle

    it’s just a brainless fork and fix of the original one, but some snippets are missing and there are things to fix. I’ll work on that as soon as I go back to work on Corona projects, so just use the git repository.

    The only difference with your workflow is that I’m using the livereload plugin (safari and sublime) to save&reload the page in safari automatically.

    Keep up this kind of posts, they are pretty useful!
    Cheers!!!

  22. +1 for Sublime Text 2.
    I was using Aptana for a while and TextMate–both excellent. But it took me about 5 minutes to get used to the KB-centric UI (Quicksilver/Launchy/Alfred anyone?). It’s awesome. Well worth the $60 price tag if you take your development seriously. And it works on all the major platforms.

  23. Dave says:

    Great post! My buddy and I just put together a test iPhone app using PhoneGap and TestFlight – great stuff. I don’t use Safari, so I found a resize plugin for Chrome:

    https://chrome.google.com/webstore/detail/kkelicaakdanhinjdeammmilcgefonfh

    Pretty simple to use and edit. You need to add a new resolution for the iPhone 4/4S (960×640).

  24. I use jetbrain’s phpstorm, which is basically webstorm combined with PHP editing capabilities. I’m in love with the vast keyboard shortcuts and smart code completion/linking for CSS and HTML. I prefer to use a standaline FTP client like filezilla where I have profiles for all my different projects.. found it just to be faster that the plugins and more effective

  25. Sean Smith says:

    Thanks for the info. Like yourself I have been programming in windows for years. I could never get into the web development. Every time I tinkered with web development I would get nauseated by the sheer ugliness of programming environment. I thought RoR until the koolaid ran out (after a week).

    Now with HTML5, javascript being a first class citizen , and node.js and all the lovely modules out there.

    Webstore > Sublime

  26. channi says:

    Just because you don’t know how to use it, you hate it. Right!!
    Anyways, you din’t mention Emacs in the list of editors. It has a very steep learning curve though, but it pays for it. Even if you decide not to use it as your main editor, learning it will surely widen your understanding of editors and programming in general, and you will use other editors (ST2 you say) much more effeciently.

    • Gene says:

      I am actually a user of emacs on Unix from years back. I haven’t had a need to go back to it, since I feel that Sublime and other editors are superior. But I certainly don’t have the same negative feelings towards emacs that I have toward vim. In fact, I still remember the keystroke combinations (Ctrl-K delete line, Ctrl-A beginning of line, etc).

  27. Rafal says:

    I’m so glad SOMEONE agrees with me on the matters of Vim. I agree; simply an “antiquated Unix-originating Vim with it’s stupid modes”. Sublime FTW.

  28. richard says:

    after coding as3 for years with fdt I’ve found jet brains web storm to be the best ide for web development. it has..

    DOM-Based, Browser-Specific Completion
    Code Navigation and Usages Search
    ECMAScript Harmony Support
    CoffeeScript
    Node.js
    JavaScript Refactoring
    JavaScript Unit Testing
    Code Inspections and Quick-Fixes
    JSLint/JSHint
    JavaScript Debugger Based on Mozilla

    webstorm kicks ass

    • Gene says:

      A lot of people share your opinion. I’ll stick with Sublime/CodeKit/and the rest of my workflow though. It’s serves me very well, and is not bloated, as is often the case with fully featured IDE’s.

  29. Mark says:

    https://github.com/senchalabs/jsduck is by far the best js doc-gen tool I’ve seen. It generates beautiful, organized documentation.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>