https://ilham.dev/tags/web/Recent content in Web on ilham.devHugo -- gohugo.ioenSun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-break-a-url-into-parts/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-break-a-url-into-parts/A URL contains several parts: scheme, host, path, query string, and sometimes a fragment. Debugging is easier when those parts are separated. The URL Parser tool helps me inspect the input and output without writing a one-off script first.https://ilham.dev/posts/how-to-check-keyboard-keycodes-in-the-browser/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-check-keyboard-keycodes-in-the-browser/Keyboard events expose values such as key, code, and modifier states. They are useful when building shortcuts or input handling. The Keycode Info tool helps with the mechanical part, but I still check the result before using it somewhere real.https://ilham.dev/posts/how-to-compress-images-without-making-them-look-bad/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-compress-images-without-making-them-look-bad/Large images make pages slower, emails heavier, and uploads more annoying. The goal of compression is simple: Make the file smaller while keeping the image good enough for its purpose.https://ilham.dev/posts/how-to-convert-image-formats-without-losing-what-matters/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-convert-image-formats-without-losing-what-matters/Image formats are trade-offs. The best format depends on whether the image is a photo, graphic, transparent asset, or web upload. The Image Format Converter tool is useful because it lets me check the result in a small, controlled place before I use it in a bigger workflow.https://ilham.dev/posts/how-to-debug-cors-without-guessing/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-debug-cors-without-guessing/CORS errors are frustrating because the browser often shows a scary message, but the real cause is usually a small missing header. You may see something like this in the browser console:https://ilham.dev/posts/how-to-escape-html-entities-before-showing-text/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-escape-html-entities-before-showing-text/HTML entities let text contain characters like <, >, and & without the browser treating them as markup. The HTML Entities tool helps with the mechanical part, but I still check the result before using it somewhere real.https://ilham.dev/posts/how-to-make-a-qr-code-that-people-can-actually-scan/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-make-a-qr-code-that-people-can-actually-scan/A QR code is only useful if people can scan it reliably. The content, margin, contrast, and printed size all matter. The QR Code Generator tool is useful because it lets me check the result in a small, controlled place before I use it in a bigger workflow.https://ilham.dev/posts/how-to-preview-link-cards-with-open-graph/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-preview-link-cards-with-open-graph/When you paste a link into Slack, WhatsApp, Telegram, LinkedIn, or another app, it often turns into a card with a title, description, and image. That preview does not appear by magic.https://ilham.dev/posts/how-to-read-a-user-agent-string/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-read-a-user-agent-string/A user-agent string can hint at browser, engine, operating system, and device, but it is messy and sometimes intentionally misleading. The User Agent Parser tool helps me inspect the input and output without writing a one-off script first.https://ilham.dev/posts/how-to-url-encode-text-without-breaking-query-strings/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-url-encode-text-without-breaking-query-strings/URLs can only safely contain certain characters. URL encoding turns spaces, symbols, and non-ASCII text into percent-encoded form. The URL Encoder tool helps with the mechanical part, but I still check the result before using it somewhere real.https://ilham.dev/posts/how-to-use-base64-without-calling-it-encryption/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-use-base64-without-calling-it-encryption/Base64 changes bytes into text that is safe to copy through systems that expect plain characters. It is encoding, not encryption. The Base64 Text tool helps with the mechanical part, but I still check the result before using it somewhere real.https://ilham.dev/posts/how-to-write-meta-tags-for-a-page/Sun, 27 Sep 2026 00:00:00 +0700https://ilham.dev/posts/how-to-write-meta-tags-for-a-page/Meta tags help browsers, search engines, and social platforms understand a page. They do not replace good content, but they help describe it. The Meta Tag Generator tool is useful because it lets me check the result in a small, controlled place before I use it in a bigger workflow.