jrmoran

is that last screenshot intellij? If that's the case, the editor supports splitting windows https://www.jetbrains.com/idea/help/splitting-and-unsplittin...

For those interested, here's the author's related workshop: https://www.youtube.com/watch?v=NyhVdGmnh0I (slides: https://docs.google.com/presentation/d/1oWSKNZgtXCrc1dVEXhyz...)

There are a few

http://mimosajs.com/

http://brunch.io/

----

On a related note, I'm currently using Grunt.JS with few plugins for Compass, CoffeeScript and Live Reload. Similar to Guards (ruby based), it's the plugin ecosystem that makes it valuable and able to suit multiple needs.

Needless to say, roots sounds interesting.

Here's the breakdown of charting libraries OP is using

* HighCharts http://www.highcharts.com/

* jQuery Sparklines http://omnipotent.net/jquery.sparkline/

* jQuery Knob http://anthonyterrien.com/knob/

Being a fan of data visualization myself, I find this work inspiring and would like to hear his thoughts on why those libraries over using either d3.js or Raphaël.

This might be a little offtopic, but I would advise against leaving `console.log` calls in production code, even when there are checks to prevent calling it when the console object is undefined. Commenting those lines out would do the trick, since minification can remove them.

Also I went to the [calculator challenge](http://www.trybloc.com/courses/calculator#/1) and noticed this

    # add(4, 2) => 8
    def add(x, y)
    end

Also, since we are all geeks, here's my Clojure version

    (defn buzziffy [a b x]
	      (cond (and (zero? (mod x a)) (zero? (mod x b))) "FizzBuzz"
	            (zero? (mod x a)) "Fizz"
	            (zero? (mod x b)) "Buzz"
	            :else x))

    (println (apply str (map #(str (buzziffy 3 5 %) "\n")
	                      (range 1 100))))

A while ago I wanted something similar and could not find it, so I decided to put this together http://jrmoran.com/playground/markdown-live-editor/. It has some minor bugs and I have not updated it in a while.

Thanks for writing it. I decided to start learning D3 last night and your tutorial was really helpful.

I might be missing something, since I just started learning it. But instead of drawing a circle like this

    sampleSVG.append("svg:circle")
        .style("stroke", "gray")
        .style("fill", "white")
        .attr("r", 40)
        .attr("cx", 50)
        .attr("cy", 50)
        .attr("width", 100)
        .attr("height", 100);

    sampleSVG.append("svg:circle")
        .style({
            "stroke": "gray",
            "fill": "white"})
        .attr({
            "r": 40,
            "cx": 50,
            "cy": 50,
            "width": 100,
            "height": 100});

http://webcache.googleusercontent.com/search?q=cache%3Aemmap...

While I prefer plain text in markdown, sometimes I store screenshots of code in Evernote to keep as as a reference about how I solved a problem. Its image indexing capabilities and mobile apps allow me to quickly search for something ubiquitously.

http://i.imgur.com/gporh.png