Back to Blog PostsHeader image for post

Sites with Developer Tools

Here's some web tools and repos of helpful web development sites.

Ian Rose

July 12, 2024

  1. Topal's JavaScript Key Code Tool
    • press any key and get its code, as well as all the other javascript event dump information
  2. Topal's Sorting Algorithm Visualization Tool
    • see visualizations of all sorting algorithms and their speed in amongst varying levels of randomness and uniqueness
  3. Topal's JSON Formatter Tool
    • visualize JSON objects more easily
  4. Get Security Headers
    • Checks security headers of any website
  5. Tiny PNG
    • Compresses PNGs and JPEGS
    • This Other One runs locally for sensitive/ private images
  6. CSS Tricks
    • Website with a bunch of tips and tricks about css
  7. CSS Reference & HTML Reference
    • Visual guides for css and HTML
  8. Regular Expression Builder/ analyzer
  9. You Might Not Need jQuery
    • Comprehensive list of ways to do things you can do using jQuery without using jQuery
  10. Ratio Buddy
    • Calculates Aspect Ratios and produces CSS
  11. Responsive Design Patterns
    • Large list of patterns and modules for responsive designs
  12. Console Emulator
  13. Formatters
    • Reformats and beautifies all kinds of different files
  14. The Fuck
    • App that allows you to correct your mistyped console command by typing Fuck
Back to Blog Posts