Web Development Tools

A collection of useful tools for web developers and SEO specialists. This project provides a suite of client-side tools to help with common web development tasks, including sitemap generation, robots.txt creation, and data parsing.

Features

This project includes the following tools:

1. Categorized Sitemap Generator

A powerful tool for creating categorized sitemaps for Blogger blogs.

• Categorized & Organized: Automatically categorizes posts based on labels and displays them in a clean, grid-based layout.
• SEO Optimized: Generates schema.org compatible JSON-LD to improve search engine visibility.
• Customizable: Easily configurable to match your blog's design and requirements.
• Lazy Loading: Images are lazy-loaded to improve page load speed.

2. robots.txt Generator

A user-friendly interface for generating robots.txt files.

• Easy to Use: Simple form-based interface to add User-agent directives, Disallow and Allow rules, and sitemap locations.
• Templates: Pre-built templates for common use cases, such as Blogger or blocking AI crawlers.
• Real-time Preview: See the generated robots.txt file as you make changes.
• Downloadable: Download the generated robots.txt file with a single click.

3. Parser/Unparser Tool

A versatile tool for converting data between various formats.

• Multiple Formats: Supports JSON, CSV, TSV, Query Strings, INI, and Key-Value pairs.
• Encoding/Decoding: Includes tools for HTML entity encoding/decoding, URL encoding/decoding, and Base64 encoding/decoding.
• Live Conversion: Convert data in real-time.
• Swap & Clear: Easily swap input and output, or clear the fields to start over.

How to Use

To use these tools, simply open the corresponding HTML file in your web browser. Each tool is self-contained and can be used without any server-side setup.

• Sitemap Generator: Open the HTML page containing the sitemap.js script and configure the CONFIG object to match your Blogger blog's URL.
• robots.txt Generator: Open the HTML page for the robots-tool.js script and use the form to generate your robots.txt file.
• Parser/Unparser Tool: Open the HTML page for the parser-tool.js script and use the interface to convert data between formats.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6+)

Contributing

Contributions are welcome! If you have any ideas, suggestions, or bug reports, please open an issue or submit a pull request.

License

This project is licensed under the MIT License. Copyright by The Bukit Besi