Online tools for design and development

As a full stack web developer, I often found the need for specific tools to streamline my workflow. After developing these tools for my personal use, I realised they could also help others with similar needs. The tools are designed to simplify common tasks related to accessibility, design, and data manipulation, making them essential for anyone working in web development or data handling.

Accessibility and design tools

Designing accessible websites is a key part of modern web development. These tools help ensure that your content meets web accessibility standards, providing a better experience for all users.

  • Colour accessibility checker: Easily check colour contrast ratios for WCAG compliance with this widget. Input HEX or RGB values to ensure accessibility for AA and AAA standards.
  • Colour converter: Easily convert colours between hex, RGB, HSL, CMYK, LCH, and more with this online tool. Save time, ensure consistency of your design.
  • Colour palette generator: Discover a colour palette generator that instantly creates harmonious palettes using hex or RGB inputs based on colour theory formulas.
  • Lorem Ipsum generator: Generate custom Lorem Ipsum placeholder text by specifying the number of and lines per paragraph. Perfect for web design, UI mock-ups, and publishing drafts.
  • Monospaced words: Instead of making each letter the same width, this tool stretches words to be the same size. It's a visual experiment in typography, with surprising effects.

Data manipulation tools

Inspect, format, encode, and transform data without changing it from one structured data format to another.

  • Base64 encoder and decoder: Encode Latin-1 text as Base64 or decode a standard Base64 string in your browser.
  • Case style converter: Easily format text with this online tool that converts input into over a dozen case styles, including camelCase, PascalCase and snake_case.
  • Date and time converter: Convert an epoch or Unix timestamp into a human-readable date and time, or enter a date and time to get the corresponding timestamp.
  • File metadata analyser: Analyse and view detailed metadata of your files locally in the browser. See file information including name, size, type, last modified date, and more without uploading to any server.
  • HTML encoder and decoder: Convert HTML-sensitive characters to numeric entities or decode entities to plain text in your browser.
  • JSON formatter, minifier, and validator: Format, minify, and validate JSON with this simple online tool. Perfect for developers working with web, API, or data analysis tasks.
  • URL encoder and decoder: Percent-encode or decode a complete URL or one URL component, with a clear explanation of the difference.
  • XML formatter, minifier, and validator: Format, minify, and validate XML easily with this online tool, perfect for web development, data exchange, or system configuration tasks.

Text manipulation

Text editing is a recurring task for many, and small text tools can provide valuable support. These tools offer quick and targeted solutions for processing, analysing, and structuring text. They are ideal for writers, programmers, and data analysts who need immediate feedback or conversion without relying on heavyweight word processors or manual scripts.

  • Text difference finder: Easily compare two texts and instantly see the differences in one clear overview. Useful for text review, configuration comparison, and content management.
  • Text lines sorter: Paste a list of text lines and have them sorted alphabetically, case-insensitively. Useful for names, word lists, or extracted data.
  • Text statistics: Analyse any block of text with statistics, including word count, sentence length, estimated reading time, character frequency and word frequency.

Security

Security plays a crucial role in modern software development and data handling. These tools assist in generating and verifying secure data such as passwords, UUIDs, and random values. They are designed with a focus on cryptographic reliability and practical usability within development environments.

  • Password generator: Learn more about using passwords and create strong, randomised passwords with customisable options for length, numbers, symbols, and more.
  • Password strength checker: Check the strength and security of passwords with this strength checker. Get detailed feedback on password quality, entropy, and security recommendations.
  • Random number generator: Generate a list of random whole numbers within a specified range. Useful for testing, lotteries, or data experiments.
  • UUID generator: Generate cryptographically secure UUID v4 identifiers with customizable formats for databases, APIs, and distributed systems.

Games

These tools bring fun and randomness to games, simulations, and probability experiments. Perfect for tabletop gaming, educational purposes, or adding unpredictability to your projects.

  • Dice simulator: Simulate rolling dice with customizable number of dice and face values. Useful for games, probability experiments, or tabletop simulations.

Data conversion tools

Choose the format you need. Each tool accepts the other supported structured data formats and converts the data in your browser.

  • Convert to CSV online: Convert INI, JSON, NDJSON, TOML, TSV, XML, or YAML data to CSV in your browser. Choose the delimiter and whether to include headers.
  • Convert to INI online: Convert CSV, JSON, NDJSON, TOML, TSV, XML, or YAML configuration data to INI in your browser.
  • Convert to JSON online: Convert CSV, INI, NDJSON, TOML, TSV, XML, or YAML to formatted JSON in your browser.
  • Convert to NDJSON online: Convert CSV, INI, JSON, TOML, TSV, XML, or YAML to NDJSON in your browser, with one JSON value per line.
  • Convert to TOML online: Convert CSV, INI, JSON, NDJSON, TSV, XML, or YAML to TOML in your browser.
  • Convert to TSV online: Convert CSV, INI, JSON, NDJSON, TOML, XML, or YAML data to tab-separated values in your browser.
  • Convert to XML online: Convert CSV, INI, JSON, NDJSON, TOML, TSV, or YAML to XML in your browser and control the generated structure.
  • Convert to YAML online: Convert CSV, INI, JSON, NDJSON, TOML, TSV, or XML to YAML in your browser.

Feeds

Link

Stay up to date with the latest online tools by subscribing to either the RSS, ATOM, or JSON feeds. Get instant access to new tools delivered directly to your preferred feed reader.