200 Web-Based, Must-Try Web Design and Development Tools
Published on August 8, 2023, filed under Development and Design (RSS feed for all categories).
Let’s get right into it: Here are not 10, not 50, not 100, but—200 web-based and free tools that make your web design and web development life easier. (It’s true.)
- .htaccess Checker
- “chmod” Calculator
- Accessibility Checker (AccessibilityChecker.org)
- Accessibility Checker (WAVE)
- Accessibility Evaluation Report Generator
- Ads and Keywords Analyzer
- AES Encrypter and Decrypter
- Array Transformer
- AST Viewer
- Availability Checker (Regional)
- Background Image Generator
- Background Pattern Generator
- Backlink Analyzer
- Backlink Anchor Text Analyzer
- Bandwidth Speed Tester
- Black and White Photo Colorizer
- Brilliant Button Maker
- Browser Fingerprint Checker
- C64-Style Image Converter
- Case Converter
- CDN Use Checker
- Character Counter
- CIDR to IPv4 Converter
- Code Converter
- Code Formatter
- Code Quality Checker
- Code Screenshot Generator
- Code Viewer
- Color Accessibility Checker
- Color Blindness Emulator
- Color Contrast Analyzer
- Color Converter (Hex, RGB, HSL, and LCH)
- Color Converter
- Color Extractor and Generator
- Commit Message Linter
- Content Security Policy Validator
- Cookie Consent Generator
- Cookie Use Checker
- Cron Schedule Generator
- Cross-Site WebSocket Hijacking Tester
- CSS Analyzer (CSS Stats)
- CSS Analyzer (Lea Verou)
- CSS and JavaScript Un-Minifier
- CSS Animation Generator
- CSS Bookmarklet Generator
- CSS Clamp Generator
- CSS Cubic BĂ©zier Curve Generator
- CSS Efficiency Checker
- CSS Flexbox Generator
- CSS Fluid Typography Generator
- CSS Glassmorphism Generator
- CSS Gradient Generator
- CSS Grid Layout Generator
- CSS Prefixer
- CSS Quantity Query Generator
- CSS Specificity Visualizer
- CSS Triangle Generator
- CSS Validator
- Data URI Generator
- Design and Design Token Generator
- Design System ROI Calculator
- Design Tokens Generator
- Diagram Editor
- Dither Effect Generator
- DNS Analyzer
- DNS Propagation Checker
- Domain and Server Health Checker
- Domain and Social Media Name Checker
- English to IPA Converter
- Favicon Checker
- Favicon Generator
- Favicon Generators
- Flat Design Icon Generator
- Font Determiner
- Font Style Matcher
- Font Tester
- FTP Server Tester
- Geo Tag Generator
- GitHub First Pull Request Checker
- Google Lighthouse Scoring Calculator
- Google Rich Results Checker
- Google Web Fonts Helper
- Gzip and Brotli Checker
- HAR Analyzer and Visualizer
- HTML Diff
- HTML Nesting Checker
- HTML Optimizer and Minifier
- HTML Optimizer
- HTML Size Analyzer
- HTML Validator
- HTML, CSS, JavaScript, JSON, and XML Un-Minifier
- HTTP Request Generator
- Icon Font, SVG, PDF, and PNG Generator
- Image Background Remover
- Image Cleaner
- Image Compressor
- Image Converter
- Image Performance Analyzer
- Internationalization Checker
- Internet Explorer Viewer
- JavaScript Call Stack Visualizer
- JavaScript Linter
- JavaScript Obfuscator
- JPEG Distorter
- JSON Formatter
- JSON Generator
- JSON Validator
- JSON Web Token Debugger
- Keyword Cloud Generator
- Keyword Generator
- Line Drawing Generator
- Link Checker
- Links and Content Analyzer
- Live DOM Viewer
- Malware and Security Scanner
- Mobile-Friendliness Checker
- Multi-Purpose File Converter
- Package Size Checker
- PageSpeed Results Comparer
- Password Security Checker
- Performance Budget Calculator
- Photo Editor
- Ping Tool (Regional)
- Plagiarism Checker
- PostgreSQL Query Plan Analyzer and Visualizer
- Privacy Policy and Terms of Service Generator
- Profile Picture Generator
- Punycode Converter
- Random Favicon Generator
- Raster Image to SVG Converter
- Readability Bulk Checker
- Readability Checker
- Regex Tester
- Regex Visualizer
- Reverse IP and Domain Lookup
- Reverse IP Lookup
- Reverse Text Generator
- robots.txt Generator
- robots.txt Validator
- RSS and Atom Feed Validator
- Screenshot Generator for Windows and Android
- Screenshot Generator for Windows, macOS, and Linux
- Security Leak Victim Checker
- SEO Analyzer (SEO SiteCheckup)
- SEO Analyzer (Spotibo)
- Sitemap Generator
- Slow File Download Emulator
- Social Markup Previewer and Generator
- Social Media and Domain Name Checker
- Social Signal Counter
- SPF Record Checker
- SPF Record Generator
- SSL Checker
- SSL Client Checker
- Structured Data Generator
- Subresource Integrity Hash Generator
- SVG Editor
- SVG Optimizer
- Tag Cloud Generator
- Type Scale Generator
- TypeScript Tester
- Unicode Code Converter
- Unquoted Attribute Value Validator
- User Agent Detector
- User Identity Generator
- UUID Generator
- Vue.js Template Analyzer
- WCAG 2.0 and 2.1 Checker
- Web Page to Text Converter
- Web Vitals Analyzer
- WebPageTest Report Frustration Calculator
- Website Analyzer (Accessify)
- Website Analyzer (Frontend Dogma)
- Website Analyzer (Nibbler)
- Website Archiver (archive.today)
- Website Archiver (Internet Archive)
- Website Blockade Checker for China
- Website Blockade Checker for Russia
- Website Browser and Location Speed Tester
- Website Carbon Footprint Calculator (Beacon)
- Website Carbon Footprint Calculator (Wholegrain Digital)
- Website Experience Analyzer
- Website Headers Analyzer (Mozilla)
- Website Headers Analyzer (Security Headers)
- Website Performance Analyzer (PageSpeed)
- Website Performance Analyzer (WebPageTest)
- Website Security Checker (Google)
- Website Security Checker (Norton)
- Website Technology Analyzer
- Website Translator
- Website Value Estimator
- WebVTT Validator
- WHOIS Analyzer
- WHOIS and Hosting Analyzer
- WordPress Plugin Detector
- XFN Link Generator
- XML Formatter
- XML Schema Validator
- XML XSD Checker
- YAML Validator
This is it. 200 amazing tools.
But.
Lists like this—of which there are tons—often amount to somewhat weird, somewhat nonsensical clickbait. There are dedicated, curated, and maintained collections for this, providing more choice of higher quality.
One is Frontend Dogma’s list of web-based development tools (by tag). Yes, disclosure, that’s a collection I maintain, and it’s not the only one of its kind—there is Tiny Helpers, run by Stefan Judis, and there are others, certainly including some “Awesome Lists,” buried under hyped one-off posts of fractions of the value.
Given these dedicated sites, it’s also easy to take a snapshot of them and present a giga-post like this one. But in many and perhaps most cases, doing so subverts the commitment that goes into maintaining such collections over time. (In Frontend Dogma’s case, whose resources were based on UITest.com, over nearly 20 years.)
If you’re a fan of link lists like this one, consider looking for (and contributing to) dedicated sites and collections, like Frontend Dogma or Tiny Helpers or a proven Awesome List.
And if you’re someone who likes to set up and market your own mini-lists (as you’re here, we know that they draw attention), consider supporting and giving back to collections you may get your inspiration from.
With kudos and compliments to everyone out there who provides and maintains web-based tools—and tool collections.
About Me
I’m Jens (long: Jens Oliver Meiert), and I’m a frontend engineering leader and tech author/publisher. I’ve worked as a technical lead for companies like Google and as an engineering manager for companies like Miro, I’m a contributor to several web standards, and I write and review books for O’Reilly and Frontend Dogma.
I love trying things, not only in web development (and engineering management), but also in other areas like philosophy. Here on meiert.com I share some of my views and experiences. (Be critical, interpret charitably, and send feedback.)
Read More
Maybe of interest to you, too:
- Next: Website Optimization Measures, Part XIX
- Previous: The Web Development Glossary 3K—More Than 3,000 Terms and Concepts for the Well-Rounded Developer
- More under Development or Design
- More from 2023
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.
Get a good look at web development? Try WebGlossary.info—and The Web Development Glossary 3K (2023). With explanations and definitions for thousands of terms of web development, web design, and related fields, building on Wikipedia as well as MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.