Giter Site home page Giter Site logo

ktp-forked-repos / awesome-devtools Goto Github PK

View Code? Open in Web Editor NEW

This project forked from moimikey/awesome-devtools

0.0 1.0 0.0 28 KB

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

awesome-devtools's Introduction

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

React

  • OverReact - Wireframe React components and download starter files with one click.

Regex

  • Debuggex - PCRE/Python/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
  • FESS - Simply expands short-hand CSS property values.
  • fixmyjs - Automatically fix your JS, driven by JSHint.
  • JSNice - Statistical renaming, type inference and deobfuscation.
  • Lebab - Lebab transpiles your ES5 code to ES2015+

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.

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
  • RequireBin - Run/debug your node.js in a sandboxed environment
  • Sassmeister - Sass/Scss <-> CSS
  • Scratchpad - Realtime HTML and CSS Editor
  • 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.

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

File Sharing

  • cURL.io - Share your files from your Terminal
  • file.io - Ephemeral file sharing. Convenient, anonymous and secure.
  • instant.io - Instant file transfer/sharing over WebTorrent
  • transfer.sh - Easy file sharing from the command line

Resources

Browser Information

Open JSON

CSS Inliners

CSS Post Processors

Glyphs & Icons

Compatability

Responsiveness

Easings & Animations

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.

Security/SSL

The Outside World

Swag

License

CC0

awesome-devtools's People

Contributors

moimikey avatar ankitjaininfo avatar

Watchers

Tadeusz Kurpiel avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.