https://www.technologymanias.com/Your Everyday AI & Developer Toolkit — Free AI tools, developer utilities, PDF tools, image tools, writing assistants and productivity apps.en-usSat, 01 Aug 2026 01:08:23 UTChttps://www.technologymanias.com/tools/ai/code-review/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your code</label> <select class="mb-2" id="code-lang"> <option value="javascript">JavaScript</option> <option value="python">Python</option> <option value="go">Go</option> <option value="rust">Rust</option> <option value="java">Java</option> <option value="typescript">TypeScript</option> </select> <textarea id="code-input" rows="10" placeholder="Paste your code here for AI review..."></textarea> </div> <button class="btn btn-primary" onclick="reviewCode()">Review Code</button> <div class="mt-3 position-relative"> <label class="form-label fw-semibold">AI Review</label> <div class="tool-output" id="review-output">Click "Review Code" to see a demo analysis of your code.</div> </div> </div> <script> function reviewCode() { var code = document.getElementById('code-input').value; var lang = document.getElementById('code-lang').value; var output = document.getElementById('review-output'); if (!code.trim()) { output.textContent = 'Please paste some code first.'; return; } var lines = code.split('\n'); var issues = []; if (lines.length > 100) issues.push('Function is very long (' + lines.length + ' lines). Consider refactoring into smaller functions.'); if (code.includes('var ')) issues.push('Using "var" is deprecated. Prefer "const" or "let" for block-scoped declarations.'); if (code.includes('console.log')) issues.push('Remove console.log() statements before production deployment.'); if (code.includes('== ') || code.includes(' ==')) issues.push('Use === instead of == for strict equality checks.'); if (code.includes('eval(')) issues.push('Avoid using eval(). It poses security risks and performance issues.'); if (code.includes('function()') && lang === 'javascript') issues.push('Consider using arrow functions () => {} for better readability.'); if (code.includes('TODO') || code.includes('FIXME')) issues.push('Unresolved TODO/FIXME comments found. Address them before shipping.'); if (code.includes('try {') && !code.includes('catch')) issues.push('try block without catch. Add error handling.'); if (issues.length === 0) issues.push('No obvious issues detected in basic scan. Full AI review would provide deeper analysis.'); output.textContent = 'AI Code Review (Demo Analysis for ' + lang + ')\n'; output.textContent += '='.repeat(40) + '\n\n'; output.textContent += 'Issues Found:\n'; output.textContent += issues.map(function(issue, i) { return (i + 1) + '. ' + issue; }).join('\n'); output.textContent += '\n\nThis is a static analysis demo. The full AI review will provide:\n'; output.textContent += '- Security vulnerability scanning\n'; output.textContent += '- Performance optimization suggestions\n'; output.textContent += '- Best practice recommendations\n'; output.textContent += '- Refactoring suggestions\n\n'; output.textContent += 'Full AI review requires the backend AI service to be running.'; } </script> <h2 id="introduction">Introduction</h2> <p>AI Code Reviewer uses advanced AI models to analyze your code and provide instant feedback. It detects bugs, suggests improvements, and helps you write cleaner, more maintainable code.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/ai/documentation/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your code</label> <select class="mb-2" id="doc-format"> <option value="markdown">Markdown (README.md)</option> <option value="jsdoc">JSDoc</option> <option value="pydoc">Python Docstring</option> <option value="godoc">GoDoc</option> </select> <textarea id="doc-input" rows="10" placeholder="Paste your code to document..."></textarea> </div> <button class="btn btn-primary" onclick="generateDocs()">Generate Documentation</button> <div class="mt-3"> <label class="form-label fw-semibold">Documentation</label> <div class="tool-output" id="doc-output">Click "Generate Documentation" to create docs for your code.</div> </div> </div> <script> function generateDocs() { var code = document.getElementById('doc-input').value; var fmt = document.getElementById('doc-format').value; var output = document.getElementById('doc-output'); if (!code.trim()) { output.textContent = 'Please paste some code first.'; return; } output.textContent = 'Documentation Generation (Demo)\n\n'; output.textContent += 'Format: ' + fmt + '\n'; output.textContent += 'This is a demo preview. The full documentation will include:\n'; output.textContent += '- Complete API reference\n'; output.textContent += '- Parameter and return value descriptions\n'; output.textContent += '- Usage examples\n'; output.textContent += '- Edge case documentation\n\n'; output.textContent += 'Full documentation generation requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>AI Documentation Generator creates professional documentation for your code. Generate README files, API documentation, and inline code documentation in seconds.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/writing/email-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Email recipient (optional)</label> <input type="text" id="email-recipient" class="form-control" placeholder="e.g. Hiring Manager, Team Lead"> </div> <div class="mb-3"> <label class="form-label fw-semibold">What kind of email?</label> <select class="mb-2" id="email-type"> <option value="business">Business Proposal</option> <option value="cold">Cold Email</option> <option value="followup">Follow-up</option> <option value="thankyou">Thank You</option> <option value="meeting">Meeting Request</option> </select> <textarea id="email-input" rows="6" placeholder="Describe what you need in the email..."></textarea> </div> <button class="btn btn-primary" onclick="generateEmail()">Generate Email</button> <div class="mt-3 position-relative"> <label class="form-label fw-semibold">Generated Email</label> <div class="tool-output" id="email-output">Click "Generate Email" to create a professional email.</div> </div> </div> <script> function generateEmail() { var recipient = document.getElementById('email-recipient').value.trim() || '[Recipient]'; var type = document.getElementById('email-type').value; var input = document.getElementById('email-input').value.trim(); var output = document.getElementById('email-output'); if (!input) { output.textContent = 'Please describe what you need in the email.'; return; } var subject = ''; var body = ''; var closing = 'Best regards,\n[Your Name]'; switch (type) { case 'business': subject = 'Proposal: ' + input.split('\n')[0].substring(0, 50); body = 'Dear ' + recipient + ',\n\nI am writing to present a proposal regarding ' + input + '.\n\nI believe this opportunity aligns well with our goals and would be mutually beneficial. I would welcome the chance to discuss this further at your convenience.\n\nPlease let me know if you would like to schedule a call to go over the details.'; break; case 'cold': subject = 'Introduction - ' + input.split('\n')[0].substring(0, 50); body = 'Dear ' + recipient + ',\n\nI hope this message finds you well. My name is [Your Name] and I am reaching out because ' + input + '.\n\nI would love to connect and explore potential opportunities for collaboration.\n\nLooking forward to hearing from you.'; break; case 'followup': subject = 'Following up on our conversation'; body = 'Dear ' + recipient + ',\n\nI hope you are doing well. I am writing to follow up on ' + input + '.\n\nI wanted to check if you had any questions or needed any additional information from my end.\n\nPlease feel free to reach out at your earliest convenience.'; break; case 'thankyou': subject = 'Thank you for your time'; body = 'Dear ' + recipient + ',\n\nI wanted to take a moment to express my sincere gratitude for ' + input + '.\n\nYour time and consideration are greatly appreciated. I look forward to staying in touch.\n\nThank you once again.'; break; case 'meeting': subject = 'Meeting request: ' + input.split('\n')[0].substring(0, 50); body = 'Dear ' + recipient + ',\n\nI hope this message finds you well. I would like to request a meeting to discuss ' + input + '.\n\nPlease let me know your availability for a brief meeting. I am flexible and happy to work around your schedule.\n\nThank you for your consideration.'; break; } output.textContent = 'Subject: ' + subject + '\n\n' + body + '\n\n' + closing; } </script> <h2 id="introduction">Introduction</h2> <p>AI Email Generator helps you write professional emails in seconds. Just describe what you need, and our AI will craft a polished, context-aware email tailored to your audience.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/career/ats-resume-checker/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your resume text</label> <textarea id="resume-input" rows="10" placeholder="Paste the full text of your resume here..."></textarea> </div> <div class="mb-3"> <label class="form-label fw-semibold">Job description (optional)</label> <textarea id="jd-input" rows="5" placeholder="Paste the job description for keyword matching..."></textarea> </div> <button class="btn btn-primary" onclick="checkATS()">Check ATS Compatibility</button> <div class="mt-3 position-relative"> <label class="form-label fw-semibold">Results</label> <div class="tool-output" id="ats-output">Click "Check ATS Compatibility" to analyze your resume.</div> </div> </div> <script> function checkATS() { var resume = document.getElementById('resume-input').value; var jd = document.getElementById('jd-input').value; var output = document.getElementById('ats-output'); if (!resume.trim()) { output.textContent = 'Please paste your resume text.'; return; } var wordCount = resume.split(/\s+/).length; var hasEmail = /[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/.test(resume); var hasPhone = /[\+]?[\d\s\-\(\)]{7,}/.test(resume); var score = 60; if (wordCount > 200 && wordCount < 800) score += 15; else if (wordCount < 200) score += 5; if (hasEmail) score += 10; if (hasPhone) score += 5; if (jd.trim()) { var jdWords = jd.toLowerCase().split(/\s+/); var resumeLower = resume.toLowerCase(); var matchCount = jdWords.filter(function(w) { return w.length > 3 && resumeLower.includes(w); }).length; var matchRate = Math.round((matchCount / jdWords.filter(function(w) { return w.length > 3; }).length) * 100); score += Math.min(20, Math.round(matchRate / 5)); } score = Math.min(100, score); output.textContent = 'ATS Compatibility Score: ' + score + '/100\n'; output.textContent += 'Resume length: ' + wordCount + ' words ' + (wordCount > 200 && wordCount < 800 ? '✓' : '(aim for 250-600)') + '\n'; output.textContent += 'Email found: ' + (hasEmail ? '✓' : '✗') + '\n'; output.textContent += 'Phone found: ' + (hasPhone ? '✓' : '✗') + '\n'; if (jd.trim()) output.textContent += 'Keyword match rate: ' + matchRate + '%\n'; output.textContent += '\nTip: Use simple formatting. Avoid tables, images, and columns.'; } </script> <h2 id="introduction">Introduction</h2> <p>ATS Resume Checker analyzes your resume against Applicant Tracking Systems (ATS) used by 95% of Fortune 500 companies. Get a compatibility score and specific recommendations to pass automated screening.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/image/background-remover/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload image to remove background</label> <input type="file" id="bg-input" accept="image/*" class="form-control mb-2"> </div> <button class="btn btn-primary" onclick="removeBackground()">Remove Background</button> <div class="mt-3"> <label class="form-label fw-semibold">Result</label> <div class="tool-output" id="bg-output">Upload an image to remove its background. Note: This requires server-side AI processing.</div> </div> </div> <script> function removeBackground() { var file = document.getElementById('bg-input').files[0]; var output = document.getElementById('bg-output'); if (!file) { output.textContent = 'Please upload an image first.'; return; } output.textContent = 'Background Remover (Demo)\n\n'; output.textContent += 'Image uploaded: ' + file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)\n\n'; output.textContent += 'This tool requires AI-powered server-side processing.\n'; output.textContent += 'Full background removal will be available when the backend AI service is running.\n\n'; output.textContent += 'For now, you can use this preview to see the upload interface.'; } </script> <h2 id="introduction">Introduction</h2> <p>Background Remover uses AI to automatically detect and remove backgrounds from images. Get clean, transparent-background images in seconds.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/writing/blog-outline-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Blog topic or keywords</label> <textarea id="outline-input" rows="4" placeholder="Enter your blog topic, keywords, or brief description..."></textarea> </div> <div class="mb-3"> <label class="form-label fw-semibold">Blog type</label> <select id="outline-type" class="form-select"> <option value="howto">How-to Guide</option> <option value="list">Listicle</option> <option value="tutorial">Tutorial</option> <option value="comparison">Comparison</option> <option value="opinion">Opinion/Thought Piece</option> </select> </div> <button class="btn btn-primary" onclick="generateOutline()">Generate Outline</button> <div class="mt-3"> <label class="form-label fw-semibold">Blog Outline</label> <div class="tool-output" id="outline-output">Click "Generate Outline" to create a blog outline.</div> </div> </div> <script> function generateOutline() { var topic = document.getElementById('outline-input').value; var type = document.getElementById('outline-type').value; var output = document.getElementById('outline-output'); if (!topic.trim()) { output.textContent = 'Please enter a blog topic.'; return; } output.textContent = 'Blog Outline Generator (Demo)\n\n'; output.textContent += 'Topic: ' + topic + '\n'; output.textContent += 'Type: ' + type.replace('howto', 'How-to Guide').replace('list', 'Listicle').replace('tutorial', 'Tutorial').replace('comparison', 'Comparison').replace('opinion', 'Opinion') + '\n\n'; output.textContent += 'This is a demo preview. The full AI outline will include:\n'; output.textContent += '- SEO-optimized title and headings\n'; output.textContent += '- Introduction structure\n'; output.textContent += '- Main sections with subheadings\n'; output.textContent += '- Key points for each section\n'; output.textContent += '- Conclusion and CTA\n\n'; output.textContent += 'Full outline generation requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Blog Outline Generator helps you create well-structured blog post outlines instantly. Just enter your topic, and get a complete outline with headings, subheadings, and key points.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/pdf/compress/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload PDF to compress</label> <input type="file" id="pdf-compress-input" accept=".pdf" class="form-control mb-2"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Compression level</label> <select id="pdf-compress-level" class="form-select"> <option value="low">Low - maximum quality</option> <option value="medium" selected>Medium - balanced</option> <option value="high">High - smallest file size</option> </select> </div> <button class="btn btn-primary" onclick="compressPDF()">Compress PDF</button> <div class="mt-3"> <label class="form-label fw-semibold">Result</label> <div class="tool-output" id="pdf-compress-output">Upload a PDF to compress. Note: This requires server-side processing.</div> </div> </div> <script> function compressPDF() { var file = document.getElementById('pdf-compress-input').files[0]; var level = document.getElementById('pdf-compress-level').value; var output = document.getElementById('pdf-compress-output'); if (!file) { output.textContent = 'Please upload a PDF file.'; return; } output.textContent = 'PDF Compressor (Demo)\n\n'; output.textContent += 'File: ' + file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)\n'; output.textContent += 'Compression level: ' + level + '\n\n'; output.textContent += 'This tool requires server-side PDF processing.\n'; output.textContent += 'Full PDF compression will be available when the backend is running.\n\n'; output.textContent += 'Estimated compression:\n'; output.textContent += '- Text-heavy PDF: 60-80% reduction\n'; output.textContent += '- Image-heavy PDF: 30-50% reduction'; } </script> <h2 id="introduction">Introduction</h2> <p>Compress PDF reduces the file size of your PDF documents while maintaining acceptable quality. Smaller PDFs are easier to email, upload, and share.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/career/cover-letter-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Your name</label> <input type="text" id="cover-name" class="form-control" placeholder="Your full name"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Job title</label> <input type="text" id="cover-job" class="form-control" placeholder="e.g. Software Engineer"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Key skills (comma separated)</label> <input type="text" id="cover-skills" class="form-control" placeholder="e.g. JavaScript, React, Node.js"> </div> <button class="btn btn-primary" onclick="generateCoverLetter()">Generate Cover Letter</button> <div class="mt-3"> <label class="form-label fw-semibold">Cover Letter</label> <div class="tool-output" id="cover-output">Fill in the fields and click "Generate Cover Letter".</div> </div> </div> <script> function generateCoverLetter() { var name = document.getElementById('cover-name').value.trim(); var job = document.getElementById('cover-job').value.trim(); var skills = document.getElementById('cover-skills').value.trim(); var output = document.getElementById('cover-output'); if (!name || !job) { output.textContent = 'Please enter your name and the job title.'; return; } var date = new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' }); output.textContent = date + '\n\n'; output.textContent += 'Hiring Manager\n'; output.textContent += '[Company Name]\n\n'; output.textContent += 'Dear Hiring Manager,\n\n'; output.textContent += 'I am writing to express my strong interest in the ' + job + ' position. '; output.textContent += 'With my experience in ' + (skills || 'relevant technologies') + ', I am confident that my skills and passion align perfectly with your team\'s needs.\n\n'; output.textContent += 'Throughout my career, I have developed a track record of delivering high-quality results, collaborating effectively with cross-functional teams, and continuously learning new technologies to stay ahead in the field.\n\n'; output.textContent += 'I am particularly excited about the opportunity to bring my expertise to your organization and contribute to your continued success. I would welcome the chance to discuss how my background, skills, and enthusiasm can benefit your team.\n\n'; output.textContent += 'Thank you for your time and consideration.\n\n'; output.textContent += 'Best regards,\n'; output.textContent += name + '\n'; output.textContent += '[Your Phone]\n'; output.textContent += '[Your Email]'; } </script> <h2 id="introduction">Introduction</h2> <p>Cover Letter Generator creates professional, tailored cover letters based on your experience and the job description. Stand out from other applicants with personalized cover letters.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/ai/explain-code/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your code</label> <textarea id="explain-input" rows="10" placeholder="Paste code to explain..."></textarea> </div> <button class="btn btn-primary" onclick="explainCode()">Explain Code</button> <div class="mt-3"> <label class="form-label fw-semibold">Explanation</label> <div class="tool-output" id="explain-output">Click "Explain Code" to get a plain-English explanation.</div> </div> </div> <script> function explainCode() { var code = document.getElementById('explain-input').value; var output = document.getElementById('explain-output'); if (!code.trim()) { output.textContent = 'Please paste some code first.'; return; } output.textContent = 'Code Explanation (Demo)\n\n'; output.textContent += 'This is a demo preview. The full AI explanation will provide:\n'; output.textContent += '- Purpose and functionality overview\n'; output.textContent += '- Line-by-line plain English explanation\n'; output.textContent += '- Key concepts and design patterns\n'; output.textContent += '- Potential edge cases and improvements\n\n'; output.textContent += 'Full AI explanation requires the backend AI service to be running.'; } </script> <h2 id="introduction">Introduction</h2> <p>Explain Code breaks down any code snippet into plain English explanations. Perfect for learning new languages, understanding complex algorithms, or reviewing unfamiliar codebases.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/ai/generate-tests/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your function/class</label> <select class="mb-2" id="test-lang"> <option value="javascript">JavaScript (Jest)</option> <option value="python">Python (pytest)</option> <option value="go">Go (testing)</option> <option value="java">Java (JUnit)</option> </select> <textarea id="test-input" rows="10" placeholder="Paste your code to generate tests for..."></textarea> </div> <button class="btn btn-primary" onclick="generateTests()">Generate Tests</button> <div class="mt-3"> <label class="form-label fw-semibold">Generated Tests</label> <div class="tool-output" id="test-output">Click "Generate Tests" to create unit tests for your code.</div> </div> </div> <script> function generateTests() { var code = document.getElementById('test-input').value; var lang = document.getElementById('test-lang').value; var output = document.getElementById('test-output'); if (!code.trim()) { output.textContent = 'Please paste some code first.'; return; } output.textContent = 'Test Generation (Demo)\n\n'; output.textContent += 'Language: ' + lang + '\n'; output.textContent += 'This is a demo preview. The full test generation will produce:\n'; output.textContent += '- Comprehensive test cases covering all paths\n'; output.textContent += '- Edge case and boundary tests\n'; output.textContent += '- Mock and stub recommendations\n'; output.textContent += '- Assertion statements\n\n'; output.textContent += 'Full test generation requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Generate Unit Tests automatically creates comprehensive test cases for your code. Save hours of manual test writing with AI-powered test generation.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/writing/grammar-checker/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Enter your text</label> <textarea id="grammar-input" rows="10" placeholder="Paste your text here to check grammar..."></textarea> </div> <button class="btn btn-primary" onclick="checkGrammar()">Check Grammar</button> <div class="mt-3"> <label class="form-label fw-semibold">Results</label> <div class="tool-output" id="grammar-output">Click "Check Grammar" to analyze your text.</div> </div> </div> <script> function checkGrammar() { var text = document.getElementById('grammar-input').value; var output = document.getElementById('grammar-output'); if (!text.trim()) { output.textContent = 'Please enter some text.'; return; } var wordCount = text.split(/\s+/).length; var sentenceCount = text.split(/[.!?]+/).filter(function(s) { return s.trim().length > 0; }).length; var avgWordsPerSentence = sentenceCount > 0 ? (wordCount / sentenceCount).toFixed(1) : 0; output.textContent = 'Basic Grammar Check (Demo)\n\n'; output.textContent += 'Word count: ' + wordCount + '\n'; output.textContent += 'Sentence count: ' + sentenceCount + '\n'; output.textContent += 'Avg words/sentence: ' + avgWordsPerSentence + '\n\n'; output.textContent += 'This is a demo preview. The full AI grammar check will detect:\n'; output.textContent += '- Spelling errors\n'; output.textContent += '- Grammar mistakes\n'; output.textContent += '- Punctuation issues\n'; output.textContent += '- Style and tone suggestions\n'; output.textContent += '- Readability score\n\n'; output.textContent += 'Full grammar checking requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Grammar Checker analyzes your text for grammar errors, spelling mistakes, punctuation issues, and style improvements. Write with confidence.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/image/compress/<div class="tool-wrapper text-center py-5"> <div class="bi bi-image" style="font-size: 3rem; color: var(--primary);"></div> <h4 class="mt-3">Compress Image</h4> <p class="text-muted">Upload an image to reduce its file size.</p> <div class="mb-3"> <input type="file" accept="image/*" id="image-file" class="form-control" style="max-width: 400px; margin: 0 auto;"> </div> <div class="mb-3"> <label class="form-label">Quality: <span id="quality-label">80</span>%</label> <input type="range" id="quality-range" min="10" max="100" value="80" class="form-range" style="max-width: 300px; margin: 0 auto;"> </div> <button class="btn btn-primary" onclick="compressImage()">Compress</button> <div class="mt-3 row"> <div class="col-md-6"> <label class="form-label fw-semibold">Original</label> <div class="tool-output" id="original-info">No image selected.</div> </div> <div class="col-md-6"> <label class="form-label fw-semibold">Compressed</label> <div class="tool-output" id="compressed-info">Waiting for compression.</div> </div> </div> </div> <script> document.getElementById('quality-range').addEventListener('input', function() { document.getElementById('quality-label').textContent = this.value; }); function compressImage() { var file = document.getElementById('image-file').files[0]; var quality = document.getElementById('quality-range').value / 100; var origInfo = document.getElementById('original-info'); var compInfo = document.getElementById('compressed-info'); if (!file) { origInfo.textContent = 'Please select an image file.'; return; } origInfo.textContent = 'Name: ' + file.name + '\nSize: ' + (file.size / 1024).toFixed(1) + ' KB\nType: ' + file.type; var reader = new FileReader(); reader.onload = function(e) { var img = new Image(); img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); var dataUrl = canvas.toDataURL(file.type, quality); var base64 = dataUrl.split(',')[1]; var size = Math.round((base64.length * 3) / 4); compInfo.textContent = 'Dimensions: ' + img.width + 'x' + img.height + '\nNew size: ' + (size / 1024).toFixed(1) + ' KB\nReduction: ' + Math.round((1 - size / file.size) * 100) + '%\n\nRight-click to save the compressed image.'; }; img.src = e.target.result; }; reader.readAsDataURL(file); } </script> <h2 id="introduction">Introduction</h2> <p>Image Compressor reduces your image file size while maintaining visual quality. Perfect for web optimization, email attachments, and saving storage space.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/image/resize/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload image to resize</label> <input type="file" id="resize-input" accept="image/*" class="form-control mb-2" onchange="loadResizeImage()"> </div> <div class="row mb-3"> <div class="col-6"> <label class="form-label fw-semibold">Width (px)</label> <input type="number" id="resize-width" class="form-control" placeholder="800" min="1"> </div> <div class="col-6"> <label class="form-label fw-semibold">Height (px)</label> <input type="number" id="resize-height" class="form-control" placeholder="600" min="1"> </div> </div> <div class="form-check mb-3"> <input type="checkbox" id="resize-aspect" class="form-check-input" checked> <label class="form-check-label" for="resize-aspect">Maintain aspect ratio</label> </div> <button class="btn btn-primary mb-3" onclick="resizeImage()">Resize & Download</button> <div> <label class="form-label fw-semibold">Preview</label> <div class="tool-output" id="resize-output">Upload an image and set dimensions to resize.</div> </div> </div> <script> var resizeOriginalWidth = 0; var resizeOriginalHeight = 0; function loadResizeImage() { var file = document.getElementById('resize-input').files[0]; if (!file) return; var img = new Image(); img.onload = function() { resizeOriginalWidth = img.width; resizeOriginalHeight = img.height; document.getElementById('resize-width').value = img.width; document.getElementById('resize-height').value = img.height; document.getElementById('resize-output').textContent = 'Image loaded: ' + img.width + 'x' + img.height; }; img.src = URL.createObjectURL(file); } function resizeImage() { var file = document.getElementById('resize-input').files[0]; var w = parseInt(document.getElementById('resize-width').value); var h = parseInt(document.getElementById('resize-height').value); var maintain = document.getElementById('resize-aspect').checked; var output = document.getElementById('resize-output'); if (!file) { output.textContent = 'Please upload an image first.'; return; } if (!w || !h) { output.textContent = 'Please enter valid dimensions.'; return; } if (maintain && resizeOriginalWidth > 0) { var ratio = resizeOriginalWidth / resizeOriginalHeight; h = Math.round(w / ratio); document.getElementById('resize-height').value = h; } var img = new Image(); img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = w; canvas.height = h; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0, w, h); var link = document.createElement('a'); link.download = 'resized-' + w + 'x' + h + '.' + file.name.split('.').pop(); link.href = canvas.toDataURL('image/png'); link.click(); output.textContent = 'Image resized to ' + w + 'x' + h + ' and downloaded.'; }; img.src = URL.createObjectURL(file); } </script> <h2 id="introduction">Introduction</h2> <p>Image Resizer lets you resize images to any width and height. Maintain aspect ratio, choose output format, and download your resized image instantly.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/career/job-description-analyzer/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste job description</label> <textarea id="jd-input" rows="12" placeholder="Paste the full job description here..."></textarea> </div> <button class="btn btn-primary" onclick="analyzeJD()">Analyze</button> <div class="mt-3"> <label class="form-label fw-semibold">Analysis</label> <div class="tool-output" id="jd-output">Click "Analyze" to extract key information from the job description.</div> </div> </div> <script> function analyzeJD() { var text = document.getElementById('jd-input').value; var output = document.getElementById('jd-output'); if (!text.trim()) { output.textContent = 'Please paste a job description.'; return; } var wordCount = text.split(/\s+/).length; var sentences = text.split(/[.!?]+/).filter(function(s) { return s.trim().length > 0; }); output.textContent = 'Job Description Analysis (Demo)\n\n'; output.textContent += 'Word count: ' + wordCount + '\n'; output.textContent += 'Estimated reading time: ' + Math.ceil(wordCount / 200) + ' min\n\n'; output.textContent += 'This is a demo preview. The full analysis will extract:\n'; output.textContent += '- Required skills and qualifications\n'; output.textContent += '- Preferred skills and nice-to-haves\n'; output.textContent += '- Years of experience required\n'; output.textContent += '- Education requirements\n'; output.textContent += '- Key responsibilities\n'; output.textContent += '- Company culture indicators\n'; output.textContent += '- Salary range (if mentioned)\n\n'; output.textContent += 'Full analysis requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Job Description Analyzer extracts key information from any job posting — required skills, experience levels, responsibilities, and company culture indicators. Tailor your application with precision.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/developer/json-diff/<div class="tool-wrapper"> <div class="row mb-3"> <div class="col-md-6"> <label class="form-label fw-semibold">Left JSON</label> <textarea id="diff-left" rows="8" placeholder='{"original":"value"}'></textarea> </div> <div class="col-md-6"> <label class="form-label fw-semibold">Right JSON</label> <textarea id="diff-right" rows="8" placeholder='{"modified":"value"}'></textarea> </div> </div> <button class="btn btn-primary mb-3" onclick="diffJSON()">Compare</button> <div> <label class="form-label fw-semibold">Differences</label> <div class="tool-output" id="diff-output">Click "Compare" to find differences between two JSON objects.</div> </div> </div> <script> function diffJSON() { var left = document.getElementById('diff-left').value; var right = document.getElementById('diff-right').value; var output = document.getElementById('diff-output'); if (!left.trim() || !right.trim()) { output.textContent = 'Please enter both JSON values.'; return; } try { var l = JSON.parse(left); var r = JSON.parse(right); var diffs = []; function compare(a, b, path) { if (typeof a !== typeof b) { diffs.push('TYPE MISMATCH at ' + path + ': ' + typeof a + ' vs ' + typeof b); return; } if (a === null && b === null) return; if (typeof a !== 'object') { if (a !== b) diffs.push('CHANGED at ' + path + ': "' + a + '" → "' + b + '"'); return; } if (Array.isArray(a) !== Array.isArray(b)) { diffs.push('TYPE MISMATCH at ' + path); return; } var allKeys = new Set([].concat(Object.keys(a), Object.keys(b))); allKeys.forEach(function(k) { var p = path ? path + '.' + k : k; if (!(k in a)) diffs.push('ADDED at ' + p + ': ' + JSON.stringify(b[k])); else if (!(k in b)) diffs.push('REMOVED at ' + p + ': ' + JSON.stringify(a[k])); else compare(a[k], b[k], p); }); } compare(l, r, ''); if (diffs.length === 0) output.textContent = '✓ No differences found. JSON objects are identical.'; else output.textContent = diffs.join('\n'); } catch(e) { output.textContent = 'Error: ' + e.message; } } </script> <h2 id="introduction">Introduction</h2> <p>JSON Diff compares two JSON objects side-by-side and highlights differences. Perfect for debugging API responses, tracking configuration changes, and reviewing data migrations.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/developer/json-formatter/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Enter JSON</label> <textarea id="json-input" rows="8" placeholder='Paste your JSON here... e.g. {"name":"John","age":30}'></textarea> </div> <div class="d-flex gap-2 mb-3 flex-wrap"> <button class="btn btn-primary" onclick="formatJSON()">Format</button> <button class="btn btn-outline-secondary" onclick="minifyJSON()">Minify</button> <button class="btn btn-outline-secondary" onclick="validateJSON()">Validate</button> <button class="btn btn-outline-secondary" onclick="clearJSON()">Clear</button> </div> <div class="position-relative"> <label class="form-label fw-semibold">Output</label> <div class="tool-output" id="json-output"></div> </div> </div> <script> function formatJSON() { var input = document.getElementById('json-input'); var output = document.getElementById('json-output'); try { output.textContent = JSON.stringify(JSON.parse(input.value), null, 2); } catch(e) { output.textContent = 'Error: ' + e.message; } } function minifyJSON() { var input = document.getElementById('json-input'); var output = document.getElementById('json-output'); try { output.textContent = JSON.stringify(JSON.parse(input.value)); } catch(e) { output.textContent = 'Error: ' + e.message; } } function validateJSON() { var input = document.getElementById('json-input'); var output = document.getElementById('json-output'); try { JSON.parse(input.value); output.textContent = '✓ Valid JSON'; } catch(e) { output.textContent = '✗ Invalid JSON: ' + e.message; } } function clearJSON() { document.getElementById('json-input').value = ''; document.getElementById('json-output').textContent = ''; } </script> <h2 id="introduction">Introduction</h2> <p>JSON Formatter is a free online tool that helps you beautify, minify, and validate JSON data. Whether you’re debugging an API response or formatting configuration files, this tool makes JSON readable in seconds.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/pdf/merge/<div class="tool-wrapper text-center py-5"> <div class="bi bi-file-earmark-pdf" style="font-size: 3rem; color: var(--primary);"></div> <h4 class="mt-3">Merge PDF Files</h4> <p class="text-muted">Select multiple PDF files to combine them into one document.</p> <div class="mb-3"> <input type="file" accept=".pdf" multiple id="pdf-files" class="form-control" style="max-width: 400px; margin: 0 auto;"> </div> <button class="btn btn-primary" onclick="mergePDFs()" disabled id="merge-btn">Merge PDFs</button> <div class="mt-3"> <div class="tool-output" id="merge-output">Select PDF files to merge.</div> </div> </div> <script> document.getElementById('pdf-files').addEventListener('change', function() { document.getElementById('merge-btn').disabled = this.files.length < 2; document.getElementById('merge-output').textContent = this.files.length + ' file(s) selected.'; }); function mergePDFs() { var files = document.getElementById('pdf-files').files; var output = document.getElementById('merge-output'); if (files.length < 2) { output.textContent = 'Please select at least 2 PDF files.'; return; } var names = []; for (var i = 0; i < files.length; i++) names.push(files[i].name); output.textContent = 'Selected files:\n' + names.join('\n') + '\n\nPDF merge requires PDF.js or a backend service. This is a UI placeholder.'; } </script> <h2 id="introduction">Introduction</h2> <p>Merge PDF lets you combine multiple PDF files into a single document quickly and securely. All processing happens in your browser — your files never leave your device.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/seo/meta-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Page title</label> <input type="text" id="meta-title" class="form-control" placeholder="Your Page Title | Site Name"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Meta description</label> <textarea id="meta-desc" class="form-control" rows="3" placeholder="Brief description of your page (150-160 characters recommended)"></textarea> </div> <div class="mb-3"> <label class="form-label fw-semibold">Page URL</label> <input type="url" id="meta-url" class="form-control" placeholder="https://example.com/page"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Site name</label> <input type="text" id="meta-site" class="form-control" placeholder="Your Site Name"> </div> <button class="btn btn-primary" onclick="generateMeta()">Generate Meta Tags</button> <div class="mt-3"> <label class="form-label fw-semibold">HTML Meta Tags</label> <div class="tool-output" id="meta-output">Fill in the fields and click "Generate Meta Tags".</div> </div> </div> <script> function generateMeta() { var title = document.getElementById('meta-title').value.trim(); var desc = document.getElementById('meta-desc').value.trim(); var url = document.getElementById('meta-url').value.trim(); var site = document.getElementById('meta-site').value.trim(); var output = document.getElementById('meta-output'); if (!title || !desc) { output.textContent = 'Please enter at least the title and description.'; return; } var html = '\x3C!-- Primary Meta Tags -->\n'; html += '<title>' + title + '</title>\n'; html += '<meta name="title" content="' + title + '">\n'; html += '<meta name="description" content="' + desc + '">\n\n'; html += '\x3C!-- Open Graph / Facebook -->\n'; html += '<meta property="og:type" content="website">\n'; html += '<meta property="og:url" content="' + (url || 'https://example.com') + '">\n'; html += '<meta property="og:title" content="' + title + '">\n'; html += '<meta property="og:description" content="' + desc + '">\n'; if (site) html += '<meta property="og:site_name" content="' + site + '">\n\n'; else html += '\n'; html += '\x3C!-- Twitter -->\n'; html += '<meta property="twitter:card" content="summary_large_image">\n'; html += '<meta property="twitter:url" content="' + (url || 'https://example.com') + '">\n'; html += '<meta property="twitter:title" content="' + title + '">\n'; html += '<meta property="twitter:description" content="' + desc + '">\n'; output.textContent = html; } </script> <h2 id="introduction">Introduction</h2> <p>Meta Tag Generator creates SEO-optimized meta tags for your web pages. Generate title tags, meta descriptions, Open Graph tags, and Twitter cards.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/utilities/password-generator/<div class="tool-wrapper"> <div class="row mb-3"> <div class="col-md-4"> <label class="form-label fw-semibold">Length</label> <input type="number" id="pw-length" class="form-control" value="16" min="8" max="64"> </div> <div class="col-md-8"> <label class="form-label fw-semibold">Options</label> <div class="d-flex gap-3 flex-wrap"> <div class="form-check"><input type="checkbox" id="pw-upper" class="form-check-input" checked><label class="form-check-label" for="pw-upper">A-Z</label></div> <div class="form-check"><input type="checkbox" id="pw-lower" class="form-check-input" checked><label class="form-check-label" for="pw-lower">a-z</label></div> <div class="form-check"><input type="checkbox" id="pw-digits" class="form-check-input" checked><label class="form-check-label" for="pw-digits">0-9</label></div> <div class="form-check"><input type="checkbox" id="pw-symbols" class="form-check-input"><label class="form-check-label" for="pw-symbols">!@#$%</label></div> </div> </div> </div> <div class="mb-3"> <label class="form-label fw-semibold">Number of passwords</label> <input type="number" id="pw-count" class="form-control" value="1" min="1" max="50" style="max-width:100px"> </div> <button class="btn btn-primary mb-3" onclick="generatePasswords()">Generate</button> <div> <label class="form-label fw-semibold">Generated Passwords</label> <div class="tool-output" id="pw-output">Click "Generate" to create secure passwords.</div> </div> </div> <script> function generatePasswords() { var len = parseInt(document.getElementById('pw-length').value) || 16; var count = parseInt(document.getElementById('pw-count').value) || 1; var useUpper = document.getElementById('pw-upper').checked; var useLower = document.getElementById('pw-lower').checked; var useDigits = document.getElementById('pw-digits').checked; var useSymbols = document.getElementById('pw-symbols').checked; var output = document.getElementById('pw-output'); if (!useUpper && !useLower && !useDigits && !useSymbols) { output.textContent = 'Select at least one character type.'; return; } var chars = ''; if (useUpper) chars += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; if (useLower) chars += 'abcdefghijklmnopqrstuvwxyz'; if (useDigits) chars += '0123456789'; if (useSymbols) chars += '!@#$%^&*()_+-=[]{}|;:,.<>?'; var result = ''; for (var p = 0; p < count; p++) { var pw = ''; for (var i = 0; i < len; i++) { pw += chars.charAt(Math.floor(Math.random() * chars.length)); } result += pw + '\n'; } output.textContent = result.trim(); } </script> <h2 id="introduction">Introduction</h2> <p>Password Generator creates strong, secure passwords based on your requirements. Customize length, character types, and generate multiple passwords at once.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/pdf/protect/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload PDF to protect</label> <input type="file" id="pdf-protect-input" accept=".pdf" class="form-control mb-2"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Password</label> <input type="password" id="pdf-protect-password" class="form-control" placeholder="Enter password to protect PDF"> </div> <button class="btn btn-primary" onclick="protectPDF()">Protect PDF</button> <div class="mt-3"> <label class="form-label fw-semibold">Result</label> <div class="tool-output" id="pdf-protect-output">Upload a PDF and set a password. Note: This requires server-side processing.</div> </div> </div> <script> function protectPDF() { var file = document.getElementById('pdf-protect-input').files[0]; var password = document.getElementById('pdf-protect-password').value; var output = document.getElementById('pdf-protect-output'); if (!file) { output.textContent = 'Please upload a PDF file.'; return; } if (!password) { output.textContent = 'Please enter a password.'; return; } output.textContent = 'PDF Protector (Demo)\n\n'; output.textContent += 'File: ' + file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)\n'; output.textContent += 'Password set: Yes\n\n'; output.textContent += 'This tool requires server-side PDF processing.\n'; output.textContent += 'Full PDF protection will be available when the backend is running.\n\n'; output.textContent += 'Planned features:\n'; output.textContent += '- Password-protect PDF files\n'; output.textContent += '- Restrict printing and editing\n'; output.textContent += '- Remove password protection'; } </script> <h2 id="introduction">Introduction</h2> <p>Protect PDF lets you add password protection to your PDF documents. Prevent unauthorized access and control who can view or edit your files.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/utilities/qr-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Content Type</label> <select id="qr-type" onchange="toggleQRType()"> <option value="url">URL</option> <option value="text">Plain Text</option> <option value="email">Email</option> <option value="phone">Phone</option> <option value="wifi">WiFi</option> </select> </div> <div id="qr-fields"> <div class="mb-3"> <label class="form-label">Value</label> <input type="text" id="qr-value" placeholder="https://example.com"> </div> </div> <div class="mb-3"> <label class="form-label">Size</label> <select id="qr-size"> <option value="128">Small (128px)</option> <option value="256" selected>Medium (256px)</option> <option value="512">Large (512px)</option> </select> </div> <button class="btn btn-primary" onclick="generateQR()">Generate QR Code</button> <div class="mt-3 text-center"> <div id="qr-output" class="p-3 d-inline-block rounded" style="background: var(--color-neutral-900);"></div> </div> </div> <script> function toggleQRType() { var type = document.getElementById('qr-type').value; var label = document.getElementById('qr-fields').querySelector('label'); var input = document.getElementById('qr-value'); var placeholders = { url: 'https://example.com', text: 'Hello World', email: 'name@example.com', phone: '+1234567890', wifi: 'NetworkName' }; input.placeholder = placeholders[type] || 'Enter value'; } function generateQR() { var type = document.getElementById('qr-type').value; var value = document.getElementById('qr-value').value.trim(); var size = document.getElementById('qr-size').value; var output = document.getElementById('qr-output'); if (!value) { output.innerHTML = '<p class="text-muted">Please enter a value.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/utilities/qr-scanner/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Scan QR code</label> <div class="d-flex gap-2 flex-wrap"> <input type="file" id="qr-scanner-input" accept="image/*" class="form-control" onchange="scanQRFile()"> </div> </div> <div class="mb-3"> <button class="btn btn-primary" onclick="startQRScanner()">Use Camera</button> <button class="btn btn-outline-secondary" onclick="stopQRScanner()">Stop Camera</button> </div> <video id="qr-video" style="max-width:100%;max-height:300px;display:none;border-radius:var(--radius-sm);border:1px solid var(--border);"></video> <div class="mt-3"> <label class="form-label fw-semibold">Decoded Content</label> <div class="tool-output" id="qr-scan-output">Upload a QR code image or use your camera to scan.</div> </div> </div> <script> var qrStream = null; function scanQRFile() { var file = document.getElementById('qr-scanner-input').files[0]; var output = document.getElementById('qr-scan-output'); if (!file) return; output.textContent = 'QR code image loaded: ' + file.name + '\n\nDecoding requires jsQR library.\n\nFor full QR scanning, the jsQR library will be loaded from CDN.'; } function startQRScanner() { var video = document.getElementById('qr-video'); var output = document.getElementById('qr-scan-output'); if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) { output.textContent = 'Camera not supported in this browser. Use the file upload method instead.'; return; } navigator.mediaDevices.getUserMedia({ video: { facingMode: 'environment' } }).then(function(s) { qrStream = s; video.srcObject = s; video.style.display = 'block'; video.play(); output.textContent = 'Camera active. Point at a QR code.\n\nFull real-time scanning requires jsQR library.'; }).catch(function(e) { output.textContent = 'Camera access denied: ' + e.message; }); } function stopQRScanner() { var video = document.getElementById('qr-video'); if (qrStream) { qrStream.getTracks().forEach(function(t) { t.stop(); }); qrStream = null; } video.style.display = 'none'; } </script> <h2 id="introduction">Introduction</h2> <p>QR Scanner lets you scan QR codes using your device camera or by uploading a QR code image. Decode URLs, text, contact info, and more from any QR code.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/career/resume-optimizer/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Paste your resume text</label> <textarea id="resume-opt-input" rows="12" placeholder="Paste your full resume text here..."></textarea> </div> <button class="btn btn-primary" onclick="optimizeResume()">Optimize Resume</button> <div class="mt-3"> <label class="form-label fw-semibold">Optimization Suggestions</label> <div class="tool-output" id="resume-opt-output">Click "Optimize Resume" to get improvement suggestions.</div> </div> </div> <script> function optimizeResume() { var text = document.getElementById('resume-opt-input').value; var output = document.getElementById('resume-opt-output'); if (!text.trim()) { output.textContent = 'Please paste your resume text.'; return; } var wordCount = text.split(/\s+/).length; var hasEmail = /[\w.-]+@[\w.-]+\.\w+/.test(text); var hasPhone = /[\d\-\(\)\s+]{7,}/.test(text); output.textContent = 'Resume Optimizer (Demo)\n\n'; output.textContent += 'Word count: ' + wordCount + '\n'; output.textContent += 'Email found: ' + (hasEmail ? 'Yes' : 'No - add your email') + '\n'; output.textContent += 'Phone found: ' + (hasPhone ? 'Yes' : 'No - add your phone') + '\n\n'; output.textContent += 'This is a demo preview. The full optimizer will provide:\n'; output.textContent += '- Keyword density analysis\n'; output.textContent += '- Action verb suggestions\n'; output.textContent += '- Formatting improvements\n'; output.textContent += '- ATS compatibility score\n'; output.textContent += '- Section completeness check\n\n'; output.textContent += 'Full optimization requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Resume Optimizer analyzes your resume and provides actionable suggestions to improve its content, formatting, and keyword optimization for better ATS scores and recruiter appeal.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/seo/robots-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Allow all crawlers (basic)</label> <div class="form-check"> <input class="form-check-input" type="radio" name="robots-mode" id="mode-allow" value="allow" checked onchange="toggleRobotsMode()"> <label class="form-check-label" for="mode-allow">Allow all (public site)</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="robots-mode" id="mode-block" value="block" onchange="toggleRobotsMode()"> <label class="form-check-label" for="mode-block">Block specific paths</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" name="robots-mode" id="mode-custom" value="custom" onchange="toggleRobotsMode()"> <label class="form-check-label" for="mode-custom">Custom</label> </div> </div> <div id="robots-block-paths" class="mb-3" style="display:none;"> <label class="form-label">Paths to block (one per line)</label> <textarea id="robots-paths" rows="4" placeholder="/admin/ /private/ /temp/"></textarea> </div> <div id="robots-custom-area" class="mb-3" style="display:none;"> <label class="form-label">Custom robots.txt content</label> <textarea id="robots-custom" rows="6" placeholder="User-agent: *
Disallow: /"></textarea> </div> <div class="mb-3"> <label class="form-label">Sitemap URL (optional)</label> <input type="text" id="robots-sitemap" placeholder="https://example.com/sitemap.xml"> </div> <button class="btn btn-primary" onclick="generateRobots()">Generate</button> <div class="mt-3 position-relative"> <label class="form-label fw-semibold">robots.txt</label> <div class="tool-output" id="robots-output">Click "Generate" to create your robots.txt.</div> </div> </div> <script> function toggleRobotsMode() { var mode = document.querySelector('input[name="robots-mode"]:checked').value; document.getElementById('robots-block-paths').style.display = mode === 'block' ? 'block' : 'none'; document.getElementById('robots-custom-area').style.display = mode === 'custom' ? 'block' : 'none'; } function generateRobots() { var mode = document.querySelector('input[name="robots-mode"]:checked').value; var sitemap = document.getElementById('robots-sitemap').value.trim(); var output = document.getElementById('robots-output'); var text = ''; if (mode === 'allow') { text = 'User-agent: *\nAllow: /'; } else if (mode === 'block') { var paths = document.getElementById('robots-paths').value.split('\n').filter(function(p) { return p.trim(); }); text = 'User-agent: *\n' + paths.map(function(p) { return 'Disallow: ' + p.trim(); }).join('\n'); } else { text = document.getElementById('robots-custom').value; } if (sitemap) text += '\n\nSitemap: ' + sitemap; output.textContent = text; } </script> <h2 id="introduction">Introduction</h2> <p>Robots.txt Generator helps you create a valid robots.txt file for your website. Control which search engine crawlers can access which parts of your site.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/seo/schema-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Schema type</label> <select id="schema-type" class="form-select" onchange="toggleSchemaFields()"> <option value="Article">Article</option> <option value="FAQPage">FAQ</option> <option value="Product">Product</option> <option value="Organization">Organization</option> <option value="LocalBusiness">Local Business</option> <option value="Person">Person</option> </select> </div> <div id="schema-fields"></div> <button class="btn btn-primary mt-3" onclick="generateSchema()">Generate Schema</button> <div class="mt-3"> <label class="form-label fw-semibold">JSON-LD Schema</label> <div class="tool-output" id="schema-output">Select a schema type and fill in the fields.</div> </div> </div> <script> var schemaFields = { Article: [{ id: 'schema-headline', label: 'Headline', type: 'text' }, { id: 'schema-author', label: 'Author', type: 'text' }, { id: 'schema-date', label: 'Date published', type: 'date' }], FAQPage: [{ id: 'schema-questions', label: 'Questions (one per line, format: Q: ... A: ...)', type: 'textarea' }], Product: [{ id: 'schema-product-name', label: 'Product name', type: 'text' }, { id: 'schema-product-price', label: 'Price', type: 'text' }, { id: 'schema-product-currency', label: 'Currency', type: 'text', val: 'USD' }], Organization: [{ id: 'schema-org-name', label: 'Organization name', type: 'text' }, { id: 'schema-org-url', label: 'URL', type: 'url' }], LocalBusiness: [{ id: 'schema-biz-name', label: 'Business name', type: 'text' }, { id: 'schema-biz-addr', label: 'Address', type: 'text' }, { id: 'schema-biz-phone', label: 'Phone', type: 'text' }], Person: [{ id: 'schema-person-name', label: 'Name', type: 'text' }, { id: 'schema-person-job', label: 'Job title', type: 'text' }] }; function toggleSchemaFields() { var type = document.getElementById('schema-type').value; var container = document.getElementById('schema-fields'); container.innerHTML = ''; (schemaFields[type] || []).forEach(function(f) { var div = document.createElement('div'); div.className = 'mb-2'; var label = document.createElement('label'); label.className = 'form-label fw-semibold'; label.textContent = f.label; div.appendChild(label); if (f.type === 'textarea') { var ta = document.createElement('textarea'); ta.id = f.id; ta.className = 'form-control'; ta.rows = 4; div.appendChild(ta); } else { var input = document.createElement('input'); input.type = f.type; input.id = f.id; input.className = 'form-control'; if (f.val) input.value = f.val; div.appendChild(input); } container.appendChild(div); }); } function generateSchema() { var type = document.getElementById('schema-type').value; var output = document.getElementById('schema-output'); var schema = { '@context': 'https://schema.org', '@type': type }; switch (type) { case 'Article': schema.headline = document.getElementById('schema-headline').value || 'Article Title'; schema.author = { '@type': 'Person', name: document.getElementById('schema-author').value || 'Author' }; schema.datePublished = document.getElementById('schema-date').value || new Date().toISOString().split('T')[0]; break; case 'FAQPage': var text = document.getElementById('schema-questions').value; if (text.trim()) { schema.mainEntity = text.split('\n').filter(function(l) { return l.trim(); }).map(function(l) { var parts = l.split(/[QA]:\s*/).filter(Boolean); return { '@type': 'Question', name: parts[0] || l, acceptedAnswer: { '@type': 'Answer', text: parts[1] || '' } }; }); } break; case 'Product': schema.name = document.getElementById('schema-product-name').value || 'Product'; schema.offers = { '@type': 'Offer', price: document.getElementById('schema-product-price').value || '0', priceCurrency: document.getElementById('schema-product-currency').value || 'USD' }; break; case 'Organization': schema.name = document.getElementById('schema-org-name').value || 'Organization'; schema.url = document.getElementById('schema-org-url').value || 'https://example.com'; break; case 'LocalBusiness': schema.name = document.getElementById('schema-biz-name').value || 'Business'; schema.address = { '@type': 'PostalAddress', streetAddress: document.getElementById('schema-biz-addr').value || '' }; schema.telephone = document.getElementById('schema-biz-phone').value || ''; break; case 'Person': schema.name = document.getElementById('schema-person-name').value || 'Person'; if (document.getElementById('schema-person-job').value) schema.jobTitle = document.getElementById('schema-person-job').value; break; } output.textContent = JSON.stringify(schema, null, 2); } toggleSchemaFields(); </script> <h2 id="introduction">Introduction</h2> <p>Schema Generator creates structured data markup (JSON-LD) for your website. Get rich snippets in search results with Article, Product, FAQ, Local Business, and more schema types.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/seo/sitemap-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Your website URL</label> <input type="url" id="sitemap-url" class="form-control" placeholder="https://example.com"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Change frequency</label> <select id="sitemap-freq" class="form-select"> <option value="daily">Daily</option> <option value="weekly" selected>Weekly</option> <option value="monthly">Monthly</option> <option value="yearly">Yearly</option> </select> </div> <button class="btn btn-primary" onclick="generateSitemap()">Generate Sitemap</button> <div class="mt-3"> <label class="form-label fw-semibold">XML Sitemap</label> <div class="tool-output" id="sitemap-output">Enter your URL and click "Generate Sitemap".</div> </div> </div> <script> function generateSitemap() { var url = document.getElementById('sitemap-url').value.trim(); var freq = document.getElementById('sitemap-freq').value; var output = document.getElementById('sitemap-output'); if (!url) { output.textContent = 'Please enter your website URL.'; return; } var today = new Date().toISOString().split('T')[0]; var sitemap = '<?xml version="1.0" encoding="UTF-8"?>\n'; sitemap += '<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">\n'; sitemap += ' <url>\n'; sitemap += ' <loc>' + url.replace(/\/$/, '') + '/</loc>\n'; sitemap += ' <lastmod>' + today + '</lastmod>\n'; sitemap += ' <changefreq>' + freq + '</changefreq>\n'; sitemap += ' <priority>1.0</priority>\n'; sitemap += ' </url>\n'; var pages = ['about', 'tools', 'contact', 'blog']; var priority = 0.8; pages.forEach(function(p) { sitemap += ' <url>\n'; sitemap += ' <loc>' + url.replace(/\/$/, '') + '/' + p + '/</loc>\n'; sitemap += ' <lastmod>' + today + '</lastmod>\n'; sitemap += ' <changefreq>' + freq + '</changefreq>\n'; sitemap += ' <priority>' + priority.toFixed(1) + '</priority>\n'; sitemap += ' </url>\n'; priority -= 0.1; }); sitemap += '</urlset>'; output.textContent = sitemap; } </script> <h2 id="introduction">Introduction</h2> <p>Sitemap Generator creates XML sitemaps for your website. Help search engines discover and index all your pages with a properly formatted sitemap.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/pdf/split/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload PDF to split</label> <input type="file" id="pdf-split-input" accept=".pdf" class="form-control mb-2"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Split mode</label> <select id="pdf-split-mode" class="form-select"> <option value="range">Extract page range</option> <option value="all">Split every page</option> </select> </div> <div class="mb-3" id="pdf-split-range"> <label class="form-label fw-semibold">Page range (e.g. 1-5, 8, 11-15)</label> <input type="text" id="pdf-split-pages" class="form-control" placeholder="1-5, 8, 11-15"> </div> <button class="btn btn-primary" onclick="splitPDF()">Split PDF</button> <div class="mt-3"> <label class="form-label fw-semibold">Result</label> <div class="tool-output" id="pdf-split-output">Upload a PDF to split pages. Note: This requires server-side processing.</div> </div> </div> <script> document.getElementById('pdf-split-mode').addEventListener('change', function() { document.getElementById('pdf-split-range').style.display = this.value === 'range' ? 'block' : 'none'; }); function splitPDF() { var file = document.getElementById('pdf-split-input').files[0]; var output = document.getElementById('pdf-split-output'); if (!file) { output.textContent = 'Please upload a PDF file.'; return; } output.textContent = 'PDF Splitter (Demo)\n\n'; output.textContent += 'File: ' + file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)\n\n'; output.textContent += 'This tool requires server-side PDF processing.\n'; output.textContent += 'Full PDF splitting will be available when the backend is running.\n\n'; output.textContent += 'Planned features:\n'; output.textContent += '- Extract specific page ranges\n'; output.textContent += '- Split every page into separate files\n'; output.textContent += '- Merge extracted pages into a new PDF'; } </script> <h2 id="introduction">Introduction</h2> <p>Split PDF lets you extract specific pages from a PDF file or split a PDF into multiple smaller documents. Perfect for separating chapters, sections, or selected pages.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/writing/text-summarizer/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Enter text to summarize</label> <textarea id="summary-input" rows="10" placeholder="Paste article, document, or long text here..."></textarea> </div> <div class="mb-3"> <label class="form-label fw-semibold">Summary length</label> <select id="summary-length" class="form-select"> <option value="short">Short (1-2 sentences)</option> <option value="medium" selected>Medium (1 paragraph)</option> <option value="long">Long (2-3 paragraphs)</option> </select> </div> <button class="btn btn-primary" onclick="summarizeText()">Summarize</button> <div class="mt-3"> <label class="form-label fw-semibold">Summary</label> <div class="tool-output" id="summary-output">Click "Summarize" to condense your text.</div> </div> </div> <script> function summarizeText() { var text = document.getElementById('summary-input').value; var length = document.getElementById('summary-length').value; var output = document.getElementById('summary-output'); if (!text.trim()) { output.textContent = 'Please enter some text.'; return; } var wordCount = text.split(/\s+/).length; output.textContent = 'Text Summarizer (Demo)\n\n'; output.textContent += 'Original word count: ' + wordCount + '\n'; output.textContent += 'Summary length: ' + length + '\n\n'; output.textContent += 'This is a demo preview. The full AI summarizer will produce:\n'; output.textContent += '- Concise summary of key points\n'; output.textContent += '- Main arguments and conclusions\n'; output.textContent += '- Important data and statistics\n\n'; output.textContent += 'Full summarization requires the backend AI service.'; } </script> <h2 id="introduction">Introduction</h2> <p>Text Summarizer condenses long articles, documents, and any text into clear, concise summaries. Save time by getting the key points without reading the entire content.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/utilities/uuid-generator/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">UUID version</label> <select id="uuid-version" class="form-select"> <option value="v4">UUID v4 (Random)</option> <option value="v7">UUID v7 (Time-ordered)</option> </select> </div> <div class="mb-3"> <label class="form-label fw-semibold">Format</label> <div class="d-flex gap-3"> <div class="form-check"><input type="radio" name="uuid-format" id="uuid-format-default" class="form-check-input" checked value="default"><label class="form-check-label" for="uuid-format-default">With hyphens</label></div> <div class="form-check"><input type="radio" name="uuid-format" id="uuid-format-nohyph" class="form-check-input" value="nohyph"><label class="form-check-label" for="uuid-format-nohyph">No hyphens</label></div> <div class="form-check"><input type="radio" name="uuid-format" id="uuid-format-upper" class="form-check-input" value="upper"><label class="form-check-label" for="uuid-format-upper">UPPERCASE</label></div> </div> </div> <div class="mb-3"> <label class="form-label fw-semibold">Quantity</label> <input type="number" id="uuid-count" class="form-control" value="1" min="1" max="100" style="max-width:100px"> </div> <button class="btn btn-primary mb-3" onclick="generateUUIDs()">Generate UUIDs</button> <div> <label class="form-label fw-semibold">Generated UUIDs</label> <div class="tool-output" id="uuid-output">Click "Generate UUIDs" to create unique identifiers.</div> </div> </div> <script> function generateUUIDs() { var ver = document.getElementById('uuid-version').value; var count = parseInt(document.getElementById('uuid-count').value) || 1; var formatEl = document.querySelector('input[name="uuid-format"]:checked'); var format = formatEl ? formatEl.value : 'default'; var output = document.getElementById('uuid-output'); function uuidV4() { var hex = '0123456789abcdef'; var s = ''; for (var i = 0; i < 36; i++) { if (i === 8 || i === 13 || i === 18 || i === 23) { s += '-'; continue; } if (i === 14) { s += '4'; continue; } if (i === 19) { s += hex.charAt(Math.floor(Math.random() * 4) + 8); continue; } s += hex.charAt(Math.floor(Math.random() * 16)); } return s; } function uuidV7() { var ts = Date.now().toString(16).padStart(12, '0'); var hex = '0123456789abcdef'; var s = ts; for (var i = 0; i < 24; i++) { if (i === 8 || i === 13 || i === 18 || i === 23) continue; s += hex.charAt(Math.floor(Math.random() * 16)); } return s.substr(0, 8) + '-' + s.substr(8, 4) + '-7' + s.substr(12, 3) + '-' + hex.charAt(Math.floor(Math.random() * 4) + 8) + s.substr(15, 3) + '-' + s.substr(18, 12); } var result = ''; for (var i = 0; i < count; i++) { var uuid = ver === 'v4' ? uuidV4() : uuidV7(); if (format === 'nohyph') uuid = uuid.replace(/-/g, ''); if (format === 'upper') uuid = uuid.toUpperCase(); result += uuid + '\n'; } output.textContent = result.trim(); } </script> <h2 id="introduction">Introduction</h2> <p>UUID Generator creates universally unique identifiers (UUIDs) in multiple versions. Generate one or many UUIDs instantly for use in databases, APIs, and distributed systems.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/image/webp-converter/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Upload image to convert to WebP</label> <input type="file" id="webp-input" accept="image/*" class="form-control mb-2"> </div> <div class="mb-3"> <label class="form-label fw-semibold">Quality</label> <input type="range" id="webp-quality" class="form-range" min="10" max="100" value="80"> <span id="webp-quality-label">80%</span> </div> <button class="btn btn-primary" onclick="convertToWebP()">Convert to WebP</button> <div class="mt-3"> <label class="form-label fw-semibold">Preview</label> <div class="tool-output" id="webp-output">Upload an image and click "Convert to WebP".</div> </div> </div> <script> document.getElementById('webp-quality').addEventListener('input', function() { document.getElementById('webp-quality-label').textContent = this.value + '%'; }); function convertToWebP() { var file = document.getElementById('webp-input').files[0]; var quality = parseInt(document.getElementById('webp-quality').value) / 100; var output = document.getElementById('webp-output'); if (!file) { output.textContent = 'Please upload an image first.'; return; } var img = new Image(); img.onload = function() { var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext('2d'); ctx.drawImage(img, 0, 0); var webpData = canvas.toDataURL('image/webp', quality); var link = document.createElement('a'); link.download = file.name.replace(/\.[^.]+$/, '.webp'); link.href = webpData; link.click(); var originalSize = file.size; var webpSize = Math.round(webpData.length * 0.75); var savings = Math.round((1 - webpSize / originalSize) * 100); output.textContent = 'Converted to WebP. Estimated savings: ' + savings + '% (' + formatBytes(originalSize) + ' → ' + formatBytes(webpSize) + ')'; }; img.src = URL.createObjectURL(file); } function formatBytes(b) { if (b < 1024) return b + ' B'; if (b < 1048576) return (b / 1024).toFixed(1) + ' KB'; return (b / 1048576).toFixed(1) + ' MB'; } </script> <h2 id="introduction">Introduction</h2> <p>WebP Converter converts your images to WebP format — Google’s modern image format that provides superior compression. Reduce image sizes by 25-35% without noticeable quality loss.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/developer/xml-formatter/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Enter XML</label> <textarea id="xml-input" rows="8" placeholder="Paste your XML here..."></textarea> </div> <div class="d-flex gap-2 mb-3 flex-wrap"> <button class="btn btn-primary" onclick="formatXML()">Format</button> <button class="btn btn-outline-secondary" onclick="minifyXML()">Minify</button> <button class="btn btn-outline-secondary" onclick="clearXML()">Clear</button> </div> <div> <label class="form-label fw-semibold">Output</label> <div class="tool-output" id="xml-output"></div> </div> </div> <script> function formatXML() { var input = document.getElementById('xml-input'); var output = document.getElementById('xml-output'); var xml = input.value; if (!xml.trim()) { output.textContent = 'Please enter XML.'; return; } try { var parser = new DOMParser(); var doc = parser.parseFromString(xml, 'text/xml'); var serializer = new XMLSerializer(); var formatted = serializer.serializeToString(doc); formatted = formatted.replace(/></g, '>\n<'); var indent = 0; formatted = formatted.split('\n').map(function(line) { if (line.match(/<\/\w/)) indent--; var result = ' '.repeat(Math.max(0, indent)) + line; if (line.match(/<[^/]\w[^>]*[^/]>/)) indent++; return result; }).join('\n'); output.textContent = formatted; } catch(e) { output.textContent = 'Error: ' + e.message; } } function minifyXML() { var input = document.getElementById('xml-input'); var output = document.getElementById('xml-output'); try { var parser = new DOMParser(); var doc = parser.parseFromString(input.value, 'text/xml'); var serializer = new XMLSerializer(); var minified = serializer.serializeToString(doc); output.textContent = minified.replace(/\s{2,}/g, '').replace(/>\s+</g, '><'); } catch(e) { output.textContent = 'Error: ' + e.message; } } function clearXML() { document.getElementById('xml-input').value = ''; document.getElementById('xml-output').textContent = ''; } </script> <h2 id="introduction">Introduction</h2> <p>XML Formatter beautifies, minifies, and validates XML data. Perfect for working with XML APIs, config files, and data exchange formats.</p>Mon, 01 Jan 0001 00:00:00 UTChttps://www.technologymanias.com/tools/developer/yaml-formatter/<div class="tool-wrapper"> <div class="mb-3"> <label class="form-label fw-semibold">Enter YAML</label> <textarea id="yaml-input" rows="8" placeholder="Paste your YAML here..."></textarea> </div> <div class="d-flex gap-2 mb-3 flex-wrap"> <button class="btn btn-primary" onclick="formatYAML()">Format</button> <button class="btn btn-outline-secondary" onclick="minifyYAML()">Minify</button> <button class="btn btn-outline-secondary" onclick="yamlToJSON()">To JSON</button> <button class="btn btn-outline-secondary" onclick="clearYAML()">Clear</button> </div> <div> <label class="form-label fw-semibold">Output</label> <div class="tool-output" id="yaml-output"></div> </div> </div> <script> function formatYAML() { var input = document.getElementById('yaml-input'); var output = document.getElementById('yaml-output'); var yaml = input.value; if (!yaml.trim()) { output.textContent = 'Please enter YAML.'; return; } var lines = yaml.split('\n'); var formatted = lines.map(function(line) { var trimmed = line.replace(/\s+$/, ''); var indent = line.match(/^(\s*)/)[1]; var content = trimmed.trim(); if (content.startsWith('#')) return trimmed; return indent + content; }).filter(function(l) { return l.trim() !== ''; }).join('\n'); output.textContent = formatted; } function minifyYAML() { var input = document.getElementById('yaml-input'); var output = document.getElementById('yaml-output'); output.textContent = input.value.replace(/^\s*#.*$/gm, '').replace(/^\s*[\n\r]/gm, '').trim(); } function yamlToJSON() { var input = document.getElementById('yaml-input'); var output = document.getElementById('yaml-output'); output.textContent = 'YAML to JSON conversion requires js-yaml library.\n\nFor now, this is a placeholder. Full functionality coming soon.'; } function clearYAML() { document.getElementById('yaml-input').value = ''; document.getElementById('yaml-output').textContent = ''; } </script> <h2 id="introduction">Introduction</h2> <p>YAML Formatter helps you beautify, validate, and convert YAML data. Essential for working with Docker Compose, Kubernetes configs, CI/CD pipelines, and more.</p>Mon, 01 Jan 0001 00:00:00 UTC