Tutorials & How-To Guides

📋 How to Format Minified JSON

Problem: Your API returns compressed JSON that's impossible to read.

Solution:

1. Copy the minified JSON from your API response or file
2. Open the JSON Formatter tool
3. Paste the JSON into the input textarea
4. Click "Format JSON" button
5. The tool instantly beautifies your JSON with proper indentation
6. Copy the formatted output or download as a .json file

Example Input:

{"name":"John","age":30,"city":"New York","hobbies":["reading","gaming"]}

Example Output:

{
  "name": "John",
  "age": 30,
  "city": "New York",
  "hobbies": [
    "reading",
    "gaming"
  ]
}

Pro Tips:

• Use the validation feature to catch syntax errors before deploying
• Minify JSON for production to reduce file size
• Save formatted JSON to understand complex API structures

🔍 How to Find JSON Syntax Errors

Problem: Your application throws "Invalid JSON" errors but you can't find the mistake.

Solution:

1. Copy your problematic JSON
2. Paste into the JSON Formatter
3. If invalid, the tool highlights the exact error location
4. Common errors to check:
   • Missing or extra commas
   • Unquoted keys (keys must use double quotes)
   • Single quotes instead of double quotes
   • Trailing commas after last array/object item
5. Fix the error and validate again

Common Error Examples:

❌ {'name': 'John'}  // Single quotes not allowed
✅ {"name": "John"}  // Use double quotes

❌ {"name": "John",}  // Trailing comma
✅ {"name": "John"}   // Remove trailing comma

❌ {name: "John"}    // Unquoted key
✅ {"name": "John"}  // Quote all keys

🖼️ How to Embed Images in HTML with Base64

Use Case: Reduce HTTP requests by embedding small images directly in HTML.

Step-by-Step:

1. Prepare your image (keep it small, under 10KB for best results)
2. Open the Base64 Encoder tool
3. Click "Choose File" and select your image
4. Click "Encode" button
5. The tool generates a data URL
6. Copy the data URL
7. Use in HTML:

   <img src="data:image/png;base64,iVBORw0KGgo..." alt="Logo" />

Benefits:

• Faster page loads for small images (no separate HTTP request)
• Works offline and in email HTML
• Simplifies deployment (no image file management)

Limitations:

• Increases HTML file size by ~33%
• Not cached separately like image files
• Only practical for small images (icons, logos)

🔐 How to Encode API Credentials

Use Case: HTTP Basic Authentication requires Base64-encoded credentials.

Step-by-Step:

1. Format your credentials as: username:password
2. Open the Base64 Encoder
3. Paste your credentials
4. Click "Encode"
5. Copy the encoded result
6. Use in HTTP header:

   Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=

⚠️ Security Warning:

• Base64 is NOT encryption—anyone can decode it
• ALWAYS use HTTPS when sending credentials
• Never hardcode credentials in client-side code
• Use environment variables for sensitive data

🔑 How to Generate Strong Passwords

Goal: Create cryptographically secure passwords for maximum security.

Step-by-Step:

1. Open the Password Generator
2. Set length to minimum 16 characters (20+ recommended)
3. Enable all character types:
   • ✅ Uppercase letters (A-Z)
   • ✅ Lowercase letters (a-z)
   • ✅ Numbers (0-9)
   • ✅ Symbols (!@#$%^&*)
4. Optionally exclude ambiguous characters (0/O, 1/l/I) if writing by hand
5. Click "Generate Password"
6. Copy to password manager (never save in plain text)

Best Practices:

• Length > Complexity: 16-character lowercase is stronger than 8-character complex
• Unique passwords: Never reuse passwords across accounts
• Use password managers: Store passwords securely (Bitwarden, 1Password)
• Enable 2FA: Add second authentication factor for critical accounts

🎯 How to Generate Passwords for Specific Requirements

Problem: Website requires password with specific constraints.

Solutions:

Scenario 1: "At least 12 characters, 1 uppercase, 1 number, 1 symbol"

1. Set length to 12+
2. Enable uppercase, lowercase, numbers, symbols
3. Generate until you get a password meeting all criteria

Scenario 2: "No special characters allowed"

1. Set length to 16+ (compensate for lower complexity)
2. Enable only uppercase, lowercase, numbers
3. Disable symbols
4. Generate password

Scenario 3: "Exactly 8 characters (legacy system)"

1. Set length to exactly 8
2. Enable all character types for maximum entropy
3. Consider adding 2FA since 8 chars is weak by modern standards

🔗 How to Encode URL Query Parameters

Problem: URL breaks when you include spaces or special characters in query strings.

Step-by-Step:

1. Identify the parameter value that needs encoding
   Example: Hello World!
2. Open the URL Encoder tool
3. Paste the value
4. Click "Encode"
5. Result: Hello%20World%21
6. Build your complete URL:
   https://example.com/search?q=Hello%20World%21

Characters That Need Encoding:

• Space → %20
• ! → %21
• @ → %40
• # → %23
• & → %26
• = → %3D

Real-World Example:

// Search query: "JavaScript tutorials"
❌ https://api.example.com/search?q=JavaScript tutorials
✅ https://api.example.com/search?q=JavaScript%20tutorials

// Email parameter: "user@example.com"
❌ https://site.com/contact?email=user@example.com
✅ https://site.com/contact?email=user%40example.com

📱 How to Create WiFi QR Codes

Use Case: Let guests connect to WiFi by scanning a QR code instead of typing passwords.

Step-by-Step:

1. Open the QR Code Generator
2. Format your WiFi info as:

   WIFI:T:WPA;S:YourNetworkName;P:YourPassword;;

3. Replace:
   • YourNetworkName with your SSID
   • YourPassword with your WiFi password
   • WPA with your security type (WPA, WEP, or leave blank for none)
4. Generate QR code
5. Download and print
6. Guests scan with phone camera to connect automatically

Example:

WIFI:T:WPA;S:GuestNetwork;P:Welcome123;;

💳 How to Create Business Card QR Codes

Use Case: Share contact info instantly via QR code on business cards.

Step-by-Step:

1. Open the QR Code Generator
2. Create vCard format:

   BEGIN:VCARD
   VERSION:3.0
   FN:John Doe
   ORG:Example Company
   TEL:+1234567890
   EMAIL:john@example.com
   URL:https://example.com
   END:VCARD

3. Generate QR code
4. Download as high-resolution PNG
5. Add to business card design
6. Recipients scan to add contact automatically

📊 How to Count Words for SEO

Goal: Ensure blog posts meet target word count for SEO.

Step-by-Step:

1. Write your blog post in any editor
2. Copy the entire text (Ctrl+A, Ctrl+C)
3. Open the Word Counter tool
4. Paste your content
5. Instantly see:
   • Total word count
   • Character count (with and without spaces)
   • Estimated reading time
   • Sentence and paragraph counts
6. Adjust content to meet your target (e.g., 1,500+ words for SEO)

SEO Word Count Guidelines:

• Short posts: 300-600 words (news, updates)
• Medium posts: 800-1,200 words (how-to guides)
• Long-form: 1,500-2,500 words (comprehensive guides)
• Pillar content: 3,000+ words (ultimate guides)

✏️ How to Convert Text Case

Use Case: Convert text between naming conventions (camelCase, snake_case, etc.).

Step-by-Step:

1. Copy your text
2. Open the Text Case Converter
3. Paste your text
4. Select desired format:
   • UPPERCASE: ALL CAPS
   • lowercase: all lowercase
   • Title Case: Capitalize First Letter Of Each Word
   • Sentence case: Capitalize first letter only
   • camelCase: firstWordLowercaseRestCapitalized
   • PascalCase: AllWordsCapitalized
   • snake_case: words_separated_by_underscores
   • kebab-case: words-separated-by-hyphens
5. Copy converted text

Developer Use Cases:

• Convert API responses between naming conventions
• Refactor code when switching languages
• Format database column names
• Create URL slugs from titles