https://jsokit.com/blog/tags/converter/ Recent content in Converter on JsonKit Blog Hugo en © 2025 JsonKit Sat, 09 May 2026 17:52:56 +0000 https://jsokit.com/blog/posts/unit-converter-from-floating-point-precision-to-temperature-offsets/ Sat, 09 May 2026 17:52:56 +0000 https://jsokit.com/blog/posts/unit-converter-from-floating-point-precision-to-temperature-offsets/ Unit Converter: From Floating-Point Precision to Temperature Offsets I recently needed to convert between inches and centimeters for a project. Wrote a quick formula, but the result didn’t match the design specs—that’s when I realized unit conversion isn’t as simple as it looks. Basic Conversion: The Base Unit Method The obvious approach is direct formulas: // Inch to centimeter const inchToCm = (inch) => inch * 2.54 // Centimeter to inch const cmToInch = (cm) => cm / 2. https://jsokit.com/blog/posts/understanding-radix-conversion-from-binary-to-hexadecimal-algorithms/ Sat, 25 Apr 2026 09:14:41 +0000 https://jsokit.com/blog/posts/understanding-radix-conversion-from-binary-to-hexadecimal-algorithms/ Understanding Radix Conversion: From Binary to Hexadecimal Algorithms While building a radix converter tool, I revisited the fundamentals of number base conversion. Although parseInt and toString handle most cases, understanding the underlying algorithms is crucial for dealing with edge cases. JavaScript Built-in Conversion The simplest approach uses JavaScript’s built-in methods. Number.prototype.toString(radix) converts decimal to any base: const num = 255 num.toString(2) // "11111111" (binary) num.toString(8) // "377" (octal) num.toString(16) // "ff" (hexadecimal) Reverse conversion uses parseInt(string, radix): https://jsokit.com/blog/posts/from-px-to-rem-unit-conversion-in-responsive-design/ Thu, 23 Apr 2026 12:37:47 +0000 https://jsokit.com/blog/posts/from-px-to-rem-unit-conversion-in-responsive-design/ From PX to REM: Unit Conversion in Responsive Design I inherited a legacy project with hardcoded px values everywhere. The product team wanted user-customizable font sizes. I opened the CSS files—2,000+ px values staring back at me. That was the day I truly understood the value of rem. I built a PX/REM Converter to handle this, and here’s what I learned. What REM Actually Means rem stands for “root em”—relative to the root element’s font-size. https://jsokit.com/blog/posts/javascript-number-base-converter-from-parseint-to-bitwise-operations/ Sat, 18 Apr 2026 20:11:50 +0000 https://jsokit.com/blog/posts/javascript-number-base-converter-from-parseint-to-bitwise-operations/ JavaScript Number Base Converter: From parseInt to Bitwise Operations Published: April 29, 2026, 11:00 Last week while debugging a network protocol, I found myself constantly converting numbers between binary, octal, decimal, and hexadecimal formats. Opening the calculator every time was tedious, so I decided to build an online number base converter. This seemingly simple tool has some interesting technical details worth sharing. The Core Principle of Base Conversion Base conversion is fundamentally about positional notation. https://jsokit.com/blog/posts/memory-unit-converter-from-1024-to-petabytes-implementation-deep-dive/ Wed, 15 Apr 2026 14:02:21 +0000 https://jsokit.com/blog/posts/memory-unit-converter-from-1024-to-petabytes-implementation-deep-dive/ Memory Unit Converter: From 1024 to Petabytes - Implementation Deep Dive Building a file upload feature recently, I needed to display file sizes. The backend returns byte counts in the millions - users stare at 15728640 and wonder, “How big is that?” So I built a memory unit converter. The Core Question: Why 1024? Computers store data in bits, with 8 bits forming 1 Byte. After that, each unit scales by 1024 (that’s 2^10): https://jsokit.com/blog/posts/from-regex-to-ast-building-a-markdown-to-html-parser/ Tue, 14 Apr 2026 15:16:01 +0000 https://jsokit.com/blog/posts/from-regex-to-ast-building-a-markdown-to-html-parser/ From Regex to AST: Building a Markdown to HTML Parser I needed a Markdown to HTML converter for a developer toolbox project. My first thought was to use marked.js, but then I realized — the core logic isn’t that complex. Why not implement it myself and learn how parsers work? Why Not Use an Existing Library? marked.js is powerful, but has some drawbacks: Large bundle size: 40KB minified, overkill for basic features Over-engineered: Supports GFM, tables, footnotes — I just need headings, lists, code blocks Black box: Hard to debug when something goes wrong A custom implementation is under 100 lines of core code, and you learn parser fundamentals. https://jsokit.com/blog/posts/jsonxmlyaml-format-converter-from-parsers-to-data-structure-mapping/ Mon, 02 Mar 2026 15:50:29 +0000 https://jsokit.com/blog/posts/jsonxmlyaml-format-converter-from-parsers-to-data-structure-mapping/ JSON/XML/YAML Format Converter: From Parsers to Data Structure Mapping Recently I worked on a config file conversion requirement that needed bidirectional conversion between JSON, XML, and YAML formats. I thought it would be simple, but I hit quite a few pitfalls. Essential Differences Between the Three Formats First, understand the data structure level differences: JSON: Tree structure, supports six types: object, array, string, number, boolean, null. XML: Nested tags, distinction between attributes and child elements, self-closing tags, namespaces. https://jsokit.com/blog/posts/ico-file-format-demystified-building-a-png-to-ico-converter-from-scratch/ Thu, 26 Feb 2026 15:44:31 +0000 https://jsokit.com/blog/posts/ico-file-format-demystified-building-a-png-to-ico-converter-from-scratch/ ICO File Format Demystified: Building a PNG to ICO Converter from Scratch I recently needed to add favicon generation to a project. Thought I could just rename a PNG to .ico and call it a day. Nope. ICO is a proper binary container format with its own structure. Here’s what I learned. ICO Structure: Not Just a Renamed Image An ICO file is a container that holds multiple icon images at different sizes. https://jsokit.com/blog/posts/building-a-document-format-converter-from-txtmarkdownhtml-to-any-format/ Sun, 08 Feb 2026 17:58:53 +0000 https://jsokit.com/blog/posts/building-a-document-format-converter-from-txtmarkdownhtml-to-any-format/ Building a Document Format Converter: From TXT/Markdown/HTML to Any Format Every time I need to embed a Markdown document into a webpage or extract plain text from HTML, I end up installing desktop software or writing scripts. But the core logic of document format conversion isn’t that complex — browser APIs can handle most cases. Let me walk through building a pure frontend document converter. The Essence: Re-encoding Text Document format conversion sounds fancy, but it boils down to three steps: read source file → parse content structure → re-encode in target format. https://jsokit.com/blog/posts/from-curl-to-multi-language-code-building-a-curl-converter/ Fri, 06 Feb 2026 14:46:01 +0000 https://jsokit.com/blog/posts/from-curl-to-multi-language-code-building-a-curl-converter/ From cURL to Multi-Language Code: Building a cURL Converter When debugging APIs, I often find myself using the “Copy as cURL” button in browser DevTools. The copied command is convenient, but when it’s time to write actual code, I have to manually convert it to JavaScript fetch or Python requests. So I built an automatic converter. Here’s how it works. cURL Parsing: The Art of Regular Expressions cURL commands look simple, but parsing them has nuances.