Skip to content

Instantly share code, notes, and snippets.

@Lawlez
Last active March 19, 2021 16:02
Show Gist options
  • Save Lawlez/a6cec7c526aa21ee9520749b1fa2b14c to your computer and use it in GitHub Desktop.
Save Lawlez/a6cec7c526aa21ee9520749b1fa2b14c to your computer and use it in GitHub Desktop.
2021 Web Developer's Toolbox

2021 Web Developer's Toolbox

Bundle Analyzer tools

  • bundlephobia: find the cost of adding a npm package to your bundle
  • Snyk Advisor: compare Popularity, Maintenance, Security and Community of any pakage
  • best of JS: find popular pakages for your needs

Design and UI

  • material color tool: Create, share, and apply color palettes to your UI, as well as measure the accessibility level of any color combination.
  • Material Design Guidelines: Create intuitive and beautiful products with Material Design
  • CSS tricks: CSS-Tricks is really about building websites and all that entails, mostly from a front-end perspective.
  • boxy SVG: An online SVG editor

Regex Tools

  • regex 101: Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java. Features a regex quiz & library.
  • regexper: Great visualization tool for regex. Helps you understand complicated regex.
  • regexer: RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

Online Editors and Playground

  • jsconsole: JavaScript Playground
  • jsfiddle: Playground
  • codesandbox: Create, share, and get feedback with collaborative sandboxes for rapid web development.
  • codepen: The best place to build, test, and discover front-end code.

Security Tools

  • jsconsole: JavaScript Playground
  • cyberchef: Encryption, encoding, hashing, XOR whatever it is, cyberchef does it.
  • exploit DB: Find exploits for your products

various Tools

  • Can I Use: Browser support tables for modern web technologies
  • UnicodeExplorer: UnicodeExplorer, search and copy unicodes, html entities, escape chars etc
  • unicode-table: UnicodeExplorer, search and copy unicodes, html entities, escape chars etc
  • ECHO JS: Discover whats new in JavaScript!
  • HTTP status codes: reference database of HTTP Status Codes with their definitions and helpful code references all in one place.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment