Resources / Other Resources
A curated mix of developer utilities that defy easy categorization: browser compatibility via Can I Use, unified API docs on DevDocs, CSS tricks from CSS-Tricks, quick playgrounds on CodePen, and much more.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Vertopal
Free online converter for over 400 file formats covering images, documents, fonts, audio, and 3D models, with no account required.
Uploaded files are deleted automatically within a few hours.
Devhints
Plain text cheatsheets for dozens of languages and tools, written and curated by developer Rico Stacruz, open to community cheatsheet requests.
Open source on GitHub at rstacruz/cheatsheets; free, no account needed.
The Web Toolbox
Directory of free single purpose web development tools, maintained as an open source list on GitHub that anyone can submit to.
Source and tool list are open on GitHub; free to use.
WebDevTrick
Blog of copy-paste HTML, CSS, JS, and PHP snippets for buttons, forms, and animations, with most visible posts dated 2019 to 2022.
No new posts found past April 2022; treat it as a snippet archive, not an active blog.
CSS-Tricks
Front end blog running since 2007, publishing guides, a CSS property almanac, and browser update roundups, sponsored by DigitalOcean.
Still publishing new articles as of 2026; free to read, no login required.
Material Design Resources
Downloadable icons, color tools, and templates for Google's Material Design 2 guidelines, kept online as a legacy reference.
Moved from material.io/resources to m2.material.io; current version is Material 3 at m3.material.io.
Nodesign
Curated library of fonts, icons, illustrations, and CSS frameworks for developers without design training, grouped by category with source links.
Most linked resources are free; a few entries are open source.
A11ygator
Browser based accessibility checker that scans a URL against WCAG2A, WCAG2AA, WCAG2AAA, and Section 508 rules, built by the Chialab studio.
Commitizen
Command line prompt that walks you through writing git commit messages in a consistent, conventional format changelog tools can parse.
CleanCSS
Formats, minifies, and converts CSS, JS, HTML, JSON, and several other formats in the browser, part of Dan's Tools and running since 2014.
Core formatting and conversion tools are free; a paid membership removes ads.
Tiny Helpers
Directory of over 700 free single purpose developer tools across 48 categories, curated by Stefan Judis with community contributions.
707 tools across 48 categories as of 2026; free, community curated.
CSS Ribbon Generator
Generates pure CSS corner ribbons and banners with adjustable color, text, and placement, exporting ready to use HTML and CSS.
Can I Use
Browser support tables for HTML5, CSS3, and other web platform features, created by Alexis Deveria with support data from the GitHub community.
Open source data on GitHub; updated regularly, most recent feature added March 2026.
Kangax
ES6, later JS, and engine compatibility tables tracking which language features run in which browsers and runtimes, run as a community project.
Moved from kangax.github.io to the compat-table GitHub org; the old URL now 404s.
MyDevice
Database of real device screen resolutions and viewport sizes for phones and tablets, useful for responsive design testing.
CodePen
Online code editor and social platform for building, testing, and sharing HTML, CSS, and JavaScript demos called Pens.
Responsively
Desktop app that renders a page across many device viewports at once, with mirrored clicks, scrolls, and one-click full-page screenshots.
Free and open source with over 20,000 GitHub stars; no account required.
Html2pdf
Converts a webpage or HTML element into a downloadable PDF entirely in the browser, built on html2canvas and jsPDF.
MIT licensed; runs only in the browser, not in Node.js.
CSS Reference
Visual guide to CSS properties with interactive, animated examples grouped into topics like flexbox, grid, and transitions.
Free; made by the same team as the Bulma CSS framework.
Critical Path CSS Generator
Crawls a URL, combines its CSS, and extracts the above the fold styles so you can inline critical CSS and defer the rest for faster rendering.
SVG Gobbler
Browser extension for Chrome and Firefox that finds, optimizes, and exports every SVG on a page, including sprite sheets and React components.
Apache 2.0 licensed; open source with moderate, ongoing commit activity.
Shortcode
Snippet reference covering elements, attributes, and selectors across PHP, JavaScript, Laravel, WordPress, Git, CSS, and HTML.
Free; source on GitHub, last updated January 2024.
PlayCode
Browser based JavaScript playground that now also builds and hosts small apps from a plain language prompt, with a free tier available.
Free tier needs no credit card; Pro plan is 25 dollars a month for more AI credits and custom domains.
All The Tags
Complete reference list of HTML5 elements in a simple searchable app, free to use with no account needed.
Grid.js
Free, open source JavaScript table plugin for building sortable, searchable, paginated data tables, with wrappers for React, Angular, and Vue.
MIT licensed.
Gerillass
Sass library of 56 mixins and 23 functions for responsive, accessible CSS, with no runtime dependencies, installable via npm or RubyGems.
Apache 2.0 licensed; open source on GitHub.
Sketchize
Printable wireframe sheets for phones, tablets, and browsers, downloadable as PDFs or a zip for sketching interface ideas on paper.
Free; code is open source under the MIT license, created by Halil Ibrahim Cakiroglu.
{CSS}Portal
Large hub of CSS and HTML generators, references, and converters, with 50 plus tools and an active blog of recent additions.
Free; supported by optional donations.
DevDocs
Combines API documentation for dozens of languages and frameworks into one fast, searchable interface with offline access.
Open source; bug reports route through the freeCodeCamp GitHub organization.
Papersizes
Reference for international paper size standards covering A, B, US, envelope, photography, and business card formats, with a unit converter.
Flexbox Froggy
Game that teaches CSS Flexbox by moving frogs onto lily pads using flexbox properties, created by Codepip and translated into 50 plus languages.
Free; open source on GitHub.
DesignBetter Books
Design podcast, newsletter, and ebook library covering design leadership and process, now run as a paid membership by The Curiosity Department.
Membership is 72 dollars a year for the nine book ebook library; moved from designbetter.co to designbetter.com.
OverAPI
Alphabetized directory linking out to cheat sheets for programming languages, frameworks, and tools from dotnet to Zen Coding, plus a Chrome extension.
Pageclip
Hosted backend for static HTML forms that collects submissions without a server, with a free tier for one site and up to 1,000 submissions a month.
Paid plans start at 9 dollars a month for 20,000 submissions.
Shields.io
Generates consistent badges for build status, version, and other project metrics, pulling live data from hundreds of services.
Open source on GitHub at badges/shields; free, with a Docker image available for self-hosting.
Bootstrap CheatSheet
Interactive reference listing Bootstrap 5.1 classes, variables, and mixins for quick lookup while building layouts.
QR Code Generator
Generates custom QR codes for links and text in a few clicks, part of a wider free tools collection by developer Marko Denic.
Free; over 25,000 uses recorded as of its last update in December 2024.
PapersDB
Database of paper size standards in metric and imperial units, covering architectural, press, photography, and regional formats from many countries.
Angry Tools
Free collection of CSS, image, text, and mobile development generators, including gradient, shadow, blob, and Base64 tools with live previews.
RapidAPI
Marketplace for discovering, testing, and connecting to thousands of public and private APIs through one dashboard and API key.
Readme.so
Visual editor for building a project README from ready made sections like installation, usage, and badges, without writing markdown by hand.
Free; created by Katherine Oelsner, source available on GitHub.
Showcode
Turns a pasted code snippet into a styled, shareable image for social posts, docs, or slides, with syntax highlighting and themes.
Tldraw
Free collaborative whiteboard for sketching diagrams and wireframes in the browser, usable instantly without creating an account.
Core app is free; the underlying tldraw SDK is also available for developers to embed elsewhere.
Devices.css
Pure CSS device frames for iPhone, Android, Lumia, and iPad mockups, built by Marvel App and applied by pasting a class onto your markup.
Free; last visible update added iPhone X and Galaxy Note 8 frames, so newer devices are missing.
Best Miscellaneous Developer Tools & Resources
Some of the most valuable developer resources do not fit neatly into a single category. From browser compatibility checkers and coding cheatsheets to accessibility auditors and file converters, miscellaneous web tools fill important gaps in any developer's toolkit.
This list is a catch-all, but three groups stand out. Can I Use, CSS-Tricks and Devhints are references for looking things up fast. CleanCSS, {CSS}Portal and the Critical Path CSS Generator are one-off generators you copy code from once and never install. CodePen, Responsively and Tldraw are workflow tools for building and testing a project.
The pitfall is maintainer risk: several entries are one-person side projects, and a few links here have already gone dark or payment-locked without warning, so check the last update before wiring one into a build step. Beginners learning layout should start with Flexbox Froggy, teams documenting a repo get more from Readme.so and Shields.io, and anyone converting files on the fly can rely on CleanCSS or Vertopal.
What to check before you pick one
- Focused functionality: The best utility tools do one thing exceptionally well: a regex tester, a diff checker, a base64 encoder, rather than trying to be everything.
- No-account required: For quick utility tasks, tools that work instantly without sign-up provide the best developer experience.
- Reliable uptime: Developer tools you depend on daily should be stable, maintained, and available offline or as CLI tools where possible.
Frequently Asked Questions
What are useful miscellaneous tools for web developers?
Useful miscellaneous developer tools include Can I Use (browser compatibility), RegExr (regular expression testing), DevDocs (unified API documentation), Bundlephobia (npm package size checker), Carbon (code screenshot tool), and Ray.so. These solve specific development tasks that do not fit neatly into other categories.
Where can I find developer cheatsheets?
Devhints.io offers beautifully designed cheatsheets for many development topics. OverAPI.com provides large visual cheatsheets for popular languages and frameworks. QuickRef.me is another comprehensive cheatsheet collection covering CSS, JavaScript, Git, Linux, and more.
What accessibility testing tools should developers use?
Key accessibility testing tools include axe DevTools (browser extension and CLI), WAVE (web accessibility evaluation), Lighthouse (built into Chrome DevTools), and the WebAIM Contrast Checker. Using a screen reader like NVDA (Windows) or VoiceOver (Mac/iOS) for manual testing is also recommended.