Awesome Developer Tools

A curated list of in-browser bookmarklets, tools, and resources for modern full-stack software engineers.

Inspired by the awesome list thing.

Bookmarklets

• artoo.js - Client-side scraping utility for the currently loaded uri.
• CSS Stress Test - JavaScript to test each CSS class on a page and report which are hindering performance.
• deCSS3 - A lil' bookmarklet that will strip out your CSS3 rules and show you how gracefully you're degrading.
• DOM Monster - A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on.
• Ramda - Add Ramda to any page!
• Rulers Guides - A JavaScript library which enables Photoshop-like rulers and guides interface on a web page.
• Viewport Resizer - A browser-based tool to test any website's responsiveness.

Tools

Regex

• Debuggex - PCRE/Python/JavaScript regex matching.
• ExtendsClass - PHP/Python/Ruby/JavaScript regex matching.
• reFiddle - Ruby/.NET/JavaScript regex matching.
• RegExplained - JavaScript regex matching.
• Regexr - JavaScript regex matching.

Deobfuscation/Transformation

• AST Explorer - Parse JS to an explorable AST tree via acorn, babel, babylon, espree, esprima, recast, shift, and typescript.
• Babel - Transpile and optionally evaluate ES2015 to ES5
• fixmyjs - Automatically fix your JS, driven by JSHint.
• JSNice - Statistical renaming, type inference and deobfuscation.
• JSON ABC - Sorts JSON alphabetically

Debugging

• Beeceptor - Rule based API mocking service. When rules are matched, a request is mocked, else target endpoint is hit as usual. Create custom endpoints to test and debug rest APIs.
• DebugJS - Debug your JavaScript in the browser (lol?)
• Hook.io - Instantly deploy microservices in over 11+ languages (OSS!)
• httpbin - HTTP Request & Response service.
• jsonbin - Custom, mock JSON API
• Loupe - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.
• Mockbin - Generate custom endpoints to test, mock, and track HTTP requests.
• SlowmoJS - Execute JavaScript in slow motion.
• Babel Time Travel - Travel in time as babel transpiles.
• Reqbin - REST & SOAP API Online Testing Tool

Diffing

• JSONDiffPatch - Run a visual or non-visual diff on two JSON blobs.

Playgrounds / REPL

• codepen - JS/Coffee/Babel/Live/HTML/Slim/Pug/Markdown/HAML/CSS/Sass/LESS/Stylus
• CodeSandbox - Online code editor and sandbox
• Ellie - The Elm Live Editor
• ES.nextBin - Like RequireBin but ES2015
• JSBin - JS/Coffee/Babel/Babel/Live/JSX/HTML/Markdown/Pug/CSS/Stylus/LESS/Sass
• JSFiddle - JS/ES3/Coffee/HTML/CSS/Sass
• playcode.io - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug
• Repl.it - Python/Ruby/Scheme/Lua/Java/QBasic/Forth/APL/PHP/Go/Emoticon/BrainFuck/LOLCODE/Unlambda/Bloop/JavaScript/ES6/Move/Kaffeine/CoffeeScript/Roy
• Sassmeister - Sass/Scss <-> CSS
• Txti - Fast text/markdown web pages for everybody
• VCLFiddle - Sandboxed Varnish Cache
• WebAssembly Explorer - translate C/C++ to WebAssembly, and then see the machine code generated by the browser.
• Terser - JavaScript parser, mangler and compressor toolkit for ES6+

Image

• Favic-o-matic - Literally generates every favicon neccessary + markup.
• SVGOMG - Try SVGO (SVG Optimizer) in the browser!
• Squoosh - Compress and optimize images in browser

Generators

• Pure CSS Apple - Pure CSS Apple devices with scrollable media

File Sharing

• file.io - Ephemeral file sharing. Convenient, anonymous and secure.
• instant.io - Instant file transfer/sharing over WebTorrent

Resources

Browser Information

• What's My Browser?

Open JSON

• FillText - Generate JSON datasets for testing or demonstration purposes
• Zippopotamus - Zipcode to Geo

CSS Inliners

• Campaign Monitor
• MailChimp

CSS Post Processors

• Pleeease

Glyphs & Icons

• Copy/Paste Character
• Entity Lookup
• Icon Finder
• Icon Monstr
• Tabler Icons

Compatability

• ES6
• HTML5

Responsiveness

• Responsive Patterns

Easings & Animations

• Ceaser

Proxy as a Service

• CORS Anywhere - Proxies any HTTP request through a CORS enabled environment.

Documentation

• DevDocs - Basically Dash but a web application and FREE.
• ExplainShell - A better way to read MAN pages.

Security/SSL

• GetHTTPSForFree! - Genuinely FREE SSL certificates (courtesy of Let's Encrypt)
• Self-Signed Certificate Generator - A self-signed certificate generator.

Validation as a Service

• numverify - Validate phone numbers from over 200 countries.
• CSP Evaluator - Evaluate CSP rules

The Outside World

Swag

• DevStickers
• DevSwag
• StickerMule

License