200 Web-Based, Must-Try Web Design and Development Tools

Published on August 8, 2023, filed under and (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.)

  1. .htaccess Checker
  2. “chmod” Calculator
  3. Accessibility Checker (AccessibilityChecker.org)
  4. Accessibility Checker (WAVE)
  5. Accessibility Evaluation Report Generator
  6. Ads and Keywords Analyzer
  7. AES Encrypter and Decrypter
  8. Array Transformer
  9. AST Viewer
  10. Availability Checker (Regional)
  11. Background Image Generator
  12. Background Pattern Generator
  13. Backlink Analyzer
  14. Backlink Anchor Text Analyzer
  15. Bandwidth Speed Tester
  16. Black and White Photo Colorizer
  17. Brilliant Button Maker
  18. Browser Fingerprint Checker
  19. C64-Style Image Converter
  20. Case Converter
  21. CDN Use Checker
  22. Character Counter
  23. CIDR to IPv4 Converter
  24. Code Converter
  25. Code Formatter
  26. Code Quality Checker
  27. Code Screenshot Generator
  28. Code Viewer
  29. Color Accessibility Checker
  30. Color Blindness Emulator
  31. Color Contrast Analyzer
  32. Color Converter (Hex, RGB, HSL, and LCH)
  33. Color Converter
  34. Color Extractor and Generator
  35. Commit Message Linter
  36. Content Security Policy Validator
  37. Cookie Consent Generator
  38. Cookie Use Checker
  39. Cron Schedule Generator
  40. Cross-Site WebSocket Hijacking Tester
  41. CSS Analyzer (CSS Stats)
  42. CSS Analyzer (Lea Verou)
  43. CSS and JavaScript Un-Minifier
  44. CSS Animation Generator
  45. CSS Bookmarklet Generator
  46. CSS Clamp Generator
  47. CSS Cubic BĂ©zier Curve Generator
  48. CSS Efficiency Checker
  49. CSS Flexbox Generator
  50. CSS Fluid Typography Generator
  51. CSS Glassmorphism Generator
  52. CSS Gradient Generator
  53. CSS Grid Layout Generator
  54. CSS Prefixer
  55. CSS Quantity Query Generator
  56. CSS Specificity Visualizer
  57. CSS Triangle Generator
  58. CSS Validator
  59. Data URI Generator
  60. Design and Design Token Generator
  61. Design System ROI Calculator
  62. Design Tokens Generator
  63. Diagram Editor
  64. Dither Effect Generator
  65. DNS Analyzer
  66. DNS Propagation Checker
  67. Domain and Server Health Checker
  68. Domain and Social Media Name Checker
  69. English to IPA Converter
  70. Favicon Checker
  71. Favicon Generator
  72. Favicon Generators
  73. Flat Design Icon Generator
  74. Font Determiner
  75. Font Style Matcher
  76. Font Tester
  77. FTP Server Tester
  78. Geo Tag Generator
  79. GitHub First Pull Request Checker
  80. Google Lighthouse Scoring Calculator
  81. Google Rich Results Checker
  82. Google Web Fonts Helper
  83. Gzip and Brotli Checker
  84. HAR Analyzer and Visualizer
  85. HTML Diff
  86. HTML Nesting Checker
  87. HTML Optimizer and Minifier
  88. HTML Optimizer
  89. HTML Size Analyzer
  90. HTML Validator
  91. HTML, CSS, JavaScript, JSON, and XML Un-Minifier
  92. HTTP Request Generator
  93. Icon Font, SVG, PDF, and PNG Generator
  94. Image Background Remover
  95. Image Cleaner
  96. Image Compressor
  97. Image Converter
  98. Image Performance Analyzer
  99. Internationalization Checker
  100. Internet Explorer Viewer
  101. JavaScript Call Stack Visualizer
  102. JavaScript Linter
  103. JavaScript Obfuscator
  104. JPEG Distorter
  105. JSON Formatter
  106. JSON Generator
  107. JSON Validator
  108. JSON Web Token Debugger
  109. Keyword Cloud Generator
  110. Keyword Generator
  111. Line Drawing Generator
  112. Link Checker
  113. Links and Content Analyzer
  114. Live DOM Viewer
  115. Malware and Security Scanner
  116. Mobile-Friendliness Checker
  117. Multi-Purpose File Converter
  118. Package Size Checker
  119. PageSpeed Results Comparer
  120. Password Security Checker
  121. Performance Budget Calculator
  122. Photo Editor
  123. Ping Tool (Regional)
  124. Plagiarism Checker
  125. PostgreSQL Query Plan Analyzer and Visualizer
  126. Privacy Policy and Terms of Service Generator
  127. Profile Picture Generator
  128. Punycode Converter
  129. Random Favicon Generator
  130. Raster Image to SVG Converter
  131. Readability Bulk Checker
  132. Readability Checker
  133. Regex Tester
  134. Regex Visualizer
  135. Reverse IP and Domain Lookup
  136. Reverse IP Lookup
  137. Reverse Text Generator
  138. robots.txt Generator
  139. robots.txt Validator
  140. RSS and Atom Feed Validator
  141. Screenshot Generator for Windows and Android
  142. Screenshot Generator for Windows, macOS, and Linux
  143. Security Leak Victim Checker
  144. SEO Analyzer (SEO SiteCheckup)
  145. SEO Analyzer (Spotibo)
  146. Sitemap Generator
  147. Slow File Download Emulator
  148. Social Markup Previewer and Generator
  149. Social Media and Domain Name Checker
  150. Social Signal Counter
  151. SPF Record Checker
  152. SPF Record Generator
  153. SSL Checker
  154. SSL Client Checker
  155. Structured Data Generator
  156. Subresource Integrity Hash Generator
  157. SVG Editor
  158. SVG Optimizer
  159. Tag Cloud Generator
  160. Type Scale Generator
  161. TypeScript Tester
  162. Unicode Code Converter
  163. Unquoted Attribute Value Validator
  164. User Agent Detector
  165. User Identity Generator
  166. UUID Generator
  167. Vue.js Template Analyzer
  168. WCAG 2.0 and 2.1 Checker
  169. Web Page to Text Converter
  170. Web Vitals Analyzer
  171. WebPageTest Report Frustration Calculator
  172. Website Analyzer (Accessify)
  173. Website Analyzer (Frontend Dogma)
  174. Website Analyzer (Nibbler)
  175. Website Archiver (archive.today)
  176. Website Archiver (Internet Archive)
  177. Website Blockade Checker for China
  178. Website Blockade Checker for Russia
  179. Website Browser and Location Speed Tester
  180. Website Carbon Footprint Calculator (Beacon)
  181. Website Carbon Footprint Calculator (Wholegrain Digital)
  182. Website Experience Analyzer
  183. Website Headers Analyzer (Mozilla)
  184. Website Headers Analyzer (Security Headers)
  185. Website Performance Analyzer (PageSpeed)
  186. Website Performance Analyzer (WebPageTest)
  187. Website Security Checker (Google)
  188. Website Security Checker (Norton)
  189. Website Technology Analyzer
  190. Website Translator
  191. Website Value Estimator
  192. WebVTT Validator
  193. WHOIS Analyzer
  194. WHOIS and Hosting Analyzer
  195. WordPress Plugin Detector
  196. XFN Link Generator
  197. XML Formatter
  198. XML Schema Validator
  199. XML XSD Checker
  200. 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.

Was this useful or interesting? Share (toot) this post, or support my work by buying one of my books (they’re affordable, and many receive updates). Thanks!

About Me

Jens Oliver Meiert, on September 30, 2021.

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.)