Rocking StackOverflow: Sites to Troubleshoot Code in Your Browser
StackOverflow is an awesome community, devs helping devs become better devs, it’s a nice concept. More often than not, solving these problems will require setting up a test somewhere, for javascript that’s easy just use jsfiddle, but other languages you might have some work to do. I often hear my fellow dev’s asking “Is there a JSFiddle for…” almost any programing language. Well, friend, here’s my list of sites, sandboxes, and demos that make writing & repairing code with your browser all sorts of easier:
server-side / programming languages
- codepad.viper-7.com
- pythonfiddle.com
- phpfiddle.com
- *compilr.com
- *onlinecompiler.net
- dpriver.com/pp/sqlformat.htm
- sqlfiddle.com
- coderun.com/ide (404’d)
- *repl.it
- wonderfl.net
- dotnetfiddle.net
- ember-twiddle.com
- trinket.io
* these cover multiple languages
shell
javascript / html / css
- codepen.io
- jsfiddle.net
- jsbin.com
- pastehtml.com
- tinkerbin.com
- jsdo.it
- dabblet.com
- cssdesk.com
- cssdeck.com
- akshell.com
- plnkr.co
- rendera.heroku.com
- fiddlesalad.com
- htmlinstant.com
- scratchpad.io
- babeljs.io/repl
- es6fiddle.net
- ember-twiddle.com
validators / cleaners
- jshint.com
- jslint.com
- jsonlint.com
- jsbeautifier.org
- cleancss.com
- dirtymarkup.com
- validator.w3.org
- jigsaw.w3.org/css-validator
regex
mod_redirect & just about anything else, just don’t parse html.
- regex101.com
- regexr.com
- regviz.org (regex visualizer)
- regexplained
- pyregex.com
- pythex.org
- rentzsch.github.com/JSRegexTeststand
- regexplanet.com
- regextester.com
- rextester.com
- regexp.quaxio.com (linter)
- htaccess.madewithlove.be
- txt2re.com
- 2problems.com
- extendsclass.com
cdn
include a library into your sandbox
- cdnjs.com
- asp.net/ajaxlibrary/cdn.ashx
- developers.google.com/speed/libraries/devguide
- code.createjs.com
- jsdelivr.com
- cdn.tl
image placeholders
no images yet want to show some?
- lorempixel.com
- fakeimg.pl
- dummyimage.com
- placekitten.com
- placehold.it
- imageplaceholder.com
- placebox.es
- flickholdr.com
- placedog.com
- placecage.com
- fillmurray.com
- stevensegallery.com
IDEs
other
Other interesting things that don’t fit above.
- BuiltWith.com see the full stack of what a site is built with
- beta.jhere.net/bin/ jHere makes maps easy w/ javascript
- jotted self-hosted editable html/css/javascript demos
- httpstatus.es
- hyperpolyglot.org
- rosettacode.org
- whathaveyoutried.com
- sscce.org (Short, Self Contained, Correct Example)
- TheToolbox.cc (app aggregator)
- How to Ask Questions the Smart Way
- Can I Use
- Curated List of Awesome Lists has some more awesome tools mentioned throughout
Ivan Zuzak has compiled another list of online tools that might be helpful, check out The Web engineer’s online toolbox.
update 3: My blog now runs on Jekyll/Github, to add to the list you can fork & make a pull request!