Articles
Tool guides, tech explanations, and dev tips—things I found useful and thought worth sharing.
-
Complete OpenClaw Setup Guide | From Zero to Hero
A beginner-friendly guide to installing OpenClaw on Windows, Mac, and Linux. Learn how to connect AI agents to Discord, Telegram, and WhatsApp, customize your workspace, and set up security.
OpenClaw AI Agents Setup Development -
Causes of CORS Errors in Local Development and 3 Workarounds
Learn why CORS errors occur between localhost environments and how to bypass them using backend settings, proxies, or browser extensions.
CORS Frontend Troubleshooting Development -
Why Base64 Decoding Garbles Japanese Text & How to Fix It
Explaining why decoding Japanese Base64 with atob() causes garbled text, and the correct solution using TextDecoder.
Base64 Encoding JavaScript Troubleshooting -
Causes and Solutions for JSON "Unexpected token" Errors
Understanding the SyntaxError "Unexpected token" in JSON.parse(). Explains JSON syntax violations like trailing commas, single quotes, and comments.
JSON Troubleshooting Frontend -
How to Check JWT Contents | How Tampering is Detected
JSON Web Tokens are base64-encoded, meaning contents are fully visible. Learn how to decode them and see how signatures prevent tampering.
JWT Security Authentication -
Why WebP Conversion Loses Quality & Optimal Settings
Understand why PNG and JPEG conversions to WebP downgrade image quality, and learn how to properly distinguish between Lossy and Lossless compressions.
Image Compression WebP Frontend Optimization -
Blog SEO and JSON-LD Structured Data
Search engine optimization and JSON-LD structured data. Article schema, meta tags, and rich results.
SEO JSON-LD Structured Data -
API Debug Tools | When to Use Which
JSON formatter, JWT decoder, HTTP client—when to use each tool for API debugging.
API Debug Tools Development -
CORS Error Fix | Access-Control-Allow-Origin
Why CORS errors happen when calling APIs from the frontend. How to fix with server-side headers. Dev workarounds.
CORS API Errors Frontend -
What is Base64? Encoding, Use Cases, and Decoding
How Base64 encoding works, common use cases, and how to decode. Data URI, Basic auth, API usage. Base64 is not encryption.
Base64 Encoding Development Basics -
HTTP Status Codes | 200, 404, 500 Explained
HTTP status code reference. 200 success, 201 created, 400 bad request, 401 unauthorized, 403 forbidden, 404 not found, 500 server error.
HTTP API Debug Web -
How to Use the JSON Formatter Tool | Format & Minify Online Safely
A guide to using the free online JSON formatter. Indentation, syntax check, copy feature. No data sent to servers—safe to use.
JSON Dev Tools API How-to -
How to Debug JWT | Decode and Inspect Tokens
Decode JWT tokens to inspect payload, expiration, and signature. Useful for API auth debugging.
JWT API Auth Debug -
.env File Best Practices
How to manage .env files safely. Never commit secrets. Use .env.example. Environment-specific config.
env Security Configuration Best Practices -
Git Commands | Quick Reference for Beginners
Commonly used Git commands. init, add, commit, push, pull, branch, checkout, merge, stash. Copy-paste ready.
Git Development Beginner Commands -
Markdown Cheat Sheet | Quick Reference
Common Markdown syntax for headings, lists, links, code, and more.
Markdown Syntax Documentation Cheat Sheet -
URL Encoding | How to Use Percent Encoding
When and how to use URL encoding. Query strings, special characters, and API parameters.
URL Encoding API Web -
Common Regex Patterns | Quick Reference
Frequently used regex patterns for validation, search, and text processing.
Regex Validation Patterns Dev Tools -
Image Compression and WebP Conversion
How to compress images and convert to WebP. Reduce file size for faster loading.
Image WebP Optimization Performance -
Tips for Developer Portfolio Sites
Practical advice for building an effective developer portfolio. Jobs, freelancing, side projects.
Portfolio Career Web -
Building a Blog with Astro Content Collections
How to set up a blog using Astro Content Collections. Type-safe content management with Zod schema.
Astro Blog Frontend