DEV Community: Forge

Regex Tester Guide: Master Regular Expressions

Forge — Tue, 04 Aug 2026 15:43:51 +0000

Regex Tester Guide: Master Regular Expressions

What Are Regular Expressions?

Regular expressions (regex) are patterns used to match, search, and manipulate text. They are supported in virtually every programming language and are essential for tasks like input validation, data extraction, and text processing. A regex like ^\d{3}-\d{2}-\d{4}$ matches a US Social Security Number format.

Essential Regex Syntax

. — matches any character except newline
***** — zero or more of the preceding element
+ — one or more of the preceding element
? — zero or one (optional) of the preceding element
\d — any digit (0-9)
\w — any word character (letter, digit, underscore)
[abc] — character class: a, b, or c
^ — start of string
$ — end of string
(a|b) — alternation: a or b

Flags in JavaScript Regex

JavaScript regex supports flags that modify matching behavior: g (global — find all matches), i (case-insensitive), m (multiline — ^ and $ match line boundaries), and s (dotAll — . matches newlines too).

Common Pitfalls

Catastrophic backtracking occurs when a regex pattern has nested quantifiers that cause exponential matching time on certain inputs. Always test regex patterns with edge cases — empty strings, very long strings, and strings designed to trigger backtracking. Use non-greedy quantifiers (*?, +?) when appropriate.

Try Our Regex Tester

Build and test regex patterns in real time with our Regex Tester. See matches highlighted instantly as you type. All processing is client-side.

Originally published at devtools.systems

Markdown Preview Guide: Write Better Documentation

Forge — Tue, 04 Aug 2026 15:43:50 +0000

Markdown Preview Guide: Write Better Documentation

What Is Markdown?

Markdown is a lightweight markup language created by John Gruber in 2004. It is designed to be human-readable in plain text while converting cleanly to HTML. Markdown powers README files, documentation, forum posts, static site generators, and countless developer tools — making it the de facto standard for developer writing.

Why Use a Preview Tool?

Writing Markdown in a plain text editor means you cannot see what the rendered output looks like until you push to GitHub or build your site. A live preview tool shows you the rendered HTML side-by-side as you type, catching formatting errors instantly and letting you iterate on your content without the edit-commit-push-wait cycle.

Extended Syntax

Tables — create tabular data with pipe and dash syntax
Fenced code blocks — triple backticks with optional language for syntax highlighting
Task lists — checkboxes with - [ ] and - [x]
Footnotes — reference-style notes at the bottom of your document
Strikethrough — ~~text~~ for crossed-out content

Markdown Flavors

Different platforms support different Markdown extensions. GitHub Flavored Markdown (GFM) adds tables, task lists, and auto-linking. CommonMark is a standardized spec that resolves ambiguities in the original Markdown. When writing for a specific platform, check which flavor it supports.

Try Our Markdown Preview

Write and preview Markdown instantly with our Markdown Preview tool. Real-time rendered output alongside your source. All processing runs in your browser.

Originally published at devtools.systems

Diff Checker Guide: Compare Text Like a Pro

Forge — Tue, 04 Aug 2026 15:43:49 +0000

Diff Checker Guide: Compare Text Like a Pro

What Is a Diff Checker?

A diff checker compares two pieces of text and highlights the differences between them. It is the visual equivalent of the Unix diff command, showing you exactly what was added, removed, or changed — line by line and character by character.

How Diff Algorithms Work

Diff algorithms find the longest common subsequence (LCS) between two texts. The classic Myers diff algorithm runs in O(ND) time where N is the total length and D is the number of differences. Modern implementations optimize for the common case of small changes in large files, making them fast enough for real-time comparison.

Common Use Cases

Code review — see exactly what changed between two versions of a file
Configuration changes — compare config files across environments
Plagiarism detection — identify copied text by comparing documents
Data reconciliation — verify that two outputs match after a migration or refactor

Line vs Word Diff

Line-level diffing shows which lines changed but treats every character on a changed line as different. Word-level diffing is more granular — it identifies the specific words that were added or removed within a line. Our diff checker supports both modes so you can choose the level of detail you need.

Try Our Diff Checker

Paste two text snippets into our Diff Checker tool for instant side-by-side comparison. All processing runs locally in your browser.

Originally published at devtools.systems

JWT Decoder Guide: Understanding JSON Web Tokens

Forge — Tue, 04 Aug 2026 15:41:18 +0000

JWT Decoder Guide: Understanding JSON Web Tokens

What Is a JWT?

JSON Web Token (JWT) is an open standard (RFC 7519) for securely transmitting information between parties as a JSON object. JWTs are compact, URL-safe, and commonly used for authentication and authorization. A JWT looks like three Base64URL-encoded segments separated by dots: header.payload.signature.

JWT Structure

Header — contains the token type (JWT) and the signing algorithm (e.g., HS256, RS256)
Payload — contains the claims: registered claims (iss, sub, exp), public claims, and private claims
Signature — created by signing the header and payload with a secret key or private key

Common JWT Claims

iss — issuer: who created the token
sub — subject: who the token is about (usually a user ID)
exp — expiration: when the token expires (Unix timestamp)
iat — issued at: when the token was created
aud — audience: who should accept the token

Security Considerations

JWTs are signed, not encrypted. Anyone can decode the header and payload — they are just Base64URL-encoded JSON. The signature only proves the token has not been tampered with. Never store sensitive data in JWT payloads unless the token is also encrypted (JWE). Always validate the signature, expiration, and audience on your server.

Try Our JWT Decoder

Paste any JWT into our JWT Decoder to instantly see the decoded header and payload. All decoding happens client-side — your tokens never leave your browser.

Originally published at devtools.systems

UUID Generator Guide: Understanding Unique Identifiers

Forge — Tue, 04 Aug 2026 15:41:17 +0000

UUID Generator Guide: Understanding Unique Identifiers

What Is a UUID?

UUID (Universally Unique Identifier) is a 128-bit number used to identify information in computer systems. When generated properly, UUIDs are practically unique — the probability of generating a duplicate is astronomically low. A standard UUID looks like: 550e8400-e29b-41d4-a716-446655440000.

UUID Versions

v1 — Time-based: Generated from timestamp + MAC address. Sortable, but reveals the generating machine identity.
v4 — Random: Generated from random or pseudo-random numbers. Most common for general use. No identifying information.
v7 — Time-ordered: Combines a Unix timestamp with random bytes. Sortable, ideal for database primary keys.

When to Use UUIDs

UUIDs shine in distributed systems where you need unique IDs without a central coordinator. Database sharding, microservice architectures, and client-side ID generation all benefit from UUIDs. They are also great for public-facing IDs where sequential integers might leak information about your data volume.

UUID vs Auto-Increment

Auto-increment IDs are simple and sequential but require a single database to assign them. UUIDs can be generated anywhere — in your application code, in a browser, or on multiple servers simultaneously — without coordination. The trade-off is storage: UUIDs are 16 bytes vs 4-8 bytes for integers, and they are not naturally sorted.

Try Our UUID Generator

Our UUID Generator creates v4 UUIDs instantly in your browser. Generate single UUIDs or bulk-generate up to 100 at a time. All generation is client-side — no requests to any server.

Originally published at devtools.systems

Hash Generator Guide: SHA, MD5, and Cryptographic Hashing

Forge — Tue, 04 Aug 2026 15:41:16 +0000

Hash Generator Guide: SHA, MD5, and Cryptographic Hashing

What Is a Hash Function?

A hash function takes arbitrary input and produces a fixed-size output (the hash or digest). Cryptographic hash functions are one-way — you cannot reverse a hash to get the original input. The same input always produces the same hash, but even a tiny change in the input produces a completely different hash (the avalanche effect).

Common Hash Algorithms

MD5 — 128-bit hash. Fast but cryptographically broken. Do not use for security.
SHA-1 — 160-bit hash. Also broken for security. Deprecated since 2017.
SHA-256 — 256-bit hash from the SHA-2 family. Industry standard, used in TLS, Bitcoin, and Git.
SHA-512 — 512-bit hash. Stronger but slower. Used in high-security applications.
SHA-3 — newest NIST standard. Different internal structure than SHA-2, resistant to length extension attacks.

When to Use Hashing

Hashing is essential for password storage (use bcrypt or Argon2, not plain SHA), file integrity verification (checksums), deduplication, commit identifiers (Git), data structures (hash tables, Bloom filters), and digital signatures. Never use a broken algorithm like MD5 or SHA-1 for security-critical applications.

Hashing vs Encryption

Encryption is two-way — you can decrypt encrypted data with the right key. Hashing is one-way — you cannot recover the original input from a hash. Use encryption when you need to retrieve the original data; use hashing when you only need to verify data integrity or compare values without storing the original.

Try Our Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hashes instantly with our Hash Generator. All hashing runs in your browser using the Web Crypto API — your input never leaves your device.

Originally published at devtools.systems

The Best JSON Formatter: Why Client-Side Tools Win

Forge — Tue, 04 Aug 2026 15:41:15 +0000

The Best JSON Formatter: Why Client-Side Tools Win

What Makes a Good JSON Formatter?

A good JSON formatter does more than just add indentation. It should validate your JSON, show you exactly where errors occur, handle large payloads without freezing, and most importantly — keep your data private. That is why we built our JSON formatter to run entirely in your browser with zero server round-trips.

Client-Side vs Server-Side

Server-side JSON formatters send your data to a remote server for processing. This introduces latency, potential data exposure, and privacy concerns. Our client-side formatter uses JavaScript native JSON.parse and JSON.stringify right in your browser tab — no network requests, no server logs, no risk.

Key Features

Instant formatting — results appear as you type
Error highlighting — see exactly which line and character caused the parse failure
Minify mode — compress JSON for production deploys
Copy to clipboard — one-click export of formatted output
Works offline — no internet connection required

When to Format JSON

API responses often arrive as compact, single-line JSON blobs. Formatting them makes it easy to inspect nested objects, verify field names, and debug data issues. Whether you are working with REST APIs, GraphQL responses, or configuration files, a quick format can save minutes of squinting at minified data.

Try It Yourself

Paste your JSON into our JSON Formatter tool and see instant results. No sign-up, no data collection, no limits.

Originally published at devtools.systems

Base64 Encoding: The Complete Guide

Forge — Tue, 04 Aug 2026 15:41:14 +0000

Base64 Encoding: The Complete Guide

What Is Base64?

Base64 is a binary-to-text encoding scheme that represents binary data as ASCII characters. It uses a set of 64 characters (A-Z, a-z, 0-9, +, /) plus = for padding, making it safe for transport in text-based protocols like email, JSON, and URLs.

How Base64 Works

Base64 takes every 3 bytes (24 bits) of binary data and splits them into 4 groups of 6 bits. Each 6-bit group maps to one of 64 printable characters. If the input is not a multiple of 3 bytes, padding (=) is added to make the output length a multiple of 4. This means Base64 output is always ~33% larger than the original binary data.

Common Use Cases

Data URIs — embed images directly in HTML/CSS (data:image/png;base64,...)
Email attachments — MIME uses Base64 to encode binary files for SMTP transport
JSON Web Tokens — JWT payloads are Base64-encoded JSON
API authentication — Basic Auth encodes username:password as Base64
CSS background images — inline small icons without extra HTTP requests

Base64 vs Base64URL

Standard Base64 uses + and / characters, which have special meaning in URLs. Base64URL is a variant that replaces + with - and / with _, and omits the = padding. Use Base64URL for URL-safe tokens, JWT, and query parameters.

Security Note

Base64 is not encryption. It provides zero security — anyone can decode it. Never use Base64 to protect sensitive data. It is a transport encoding, not a security mechanism.

Try Our Base64 Tool

Use our Base64 Encoder/Decoder tool to encode and decode text instantly in your browser. All processing is client-side — your data never leaves your device.

Originally published at devtools.systems