https://jsokit.com/blog/tags/format/ Recent content in Format on JsonKit Blog Hugo en © 2025 JsonKit Tue, 12 May 2026 16:16:32 +0000 https://jsokit.com/blog/posts/xml-formatter-building-a-parser-with-state-machine/ Tue, 12 May 2026 16:16:32 +0000 https://jsokit.com/blog/posts/xml-formatter-building-a-parser-with-state-machine/ XML Formatter: Building a Parser with State Machine Dealing with minified XML from third-party APIs is painful. Most online tools are either bloated or can’t handle special nodes like CDATA and comments. So I built my own. Here’s how it works. The Core: No Native API for XML Unlike JSON where JSON.parse + JSON.stringify does the job in two lines, XML has no native formatting API. You have to parse the string yourself, identify tags, attributes, and text content, then reformat. https://jsokit.com/blog/posts/table-generator-implementation-from-data-editing-to-multi-format-output/ Tue, 05 May 2026 17:05:30 +0000 https://jsokit.com/blog/posts/table-generator-implementation-from-data-editing-to-multi-format-output/ Table Generator Implementation: From Data Editing to Multi-Format Output When writing technical documentation, I often need to insert tables. Hand-writing Markdown tables is manageable, but converting to HTML or CSV is tedious. Let’s build a tool that edits once and outputs in multiple formats. The Essence of Three Table Formats Markdown Tables: Pipe-Separated | Name | Age | City | | --- | --- | --- | | John | 30 | NY | | Jane | 25 | LA | The core is using | to separate cells, with the second row as the separator line (alignment). https://jsokit.com/blog/posts/sql-formatter-from-regex-to-ast-parser-implementation/ Sun, 03 May 2026 15:58:01 +0000 https://jsokit.com/blog/posts/sql-formatter-from-regex-to-ast-parser-implementation/ SQL Formatter: From Regex to AST Parser Implementation Recently during a code review, I came across a SQL statement compressed into a single line - hundreds of characters strung together, making it painful to read. I looked for an online tool to format it, but the output style didn’t match our team’s conventions. I decided to implement my own and document the approach. Why SQL Formatting is Hard SQL formatting is much more complex than JSON formatting. https://jsokit.com/blog/posts/building-a-sitemap-generator-xml-structure-and-seo-best-practices/ Fri, 01 May 2026 18:59:48 +0000 https://jsokit.com/blog/posts/building-a-sitemap-generator-xml-structure-and-seo-best-practices/ Building a Sitemap Generator: XML Structure and SEO Best Practices I was doing SEO optimization for my blog recently when Google Search Console kept complaining about my sitemap. Opening sitemap.xml, the format was fine, but the configuration was a mess: every page had priority 1.0, changefreq was always “always”—basically telling search engines “this whole site is spam.” So I built my own sitemap generator and dug into the technical details and SEO best practices. https://jsokit.com/blog/posts/from-windowscreen-to-devicepixelratio-a-complete-guide-to-browser-screen-apis/ Thu, 30 Apr 2026 16:17:27 +0000 https://jsokit.com/blog/posts/from-windowscreen-to-devicepixelratio-a-complete-guide-to-browser-screen-apis/ From window.screen to devicePixelRatio: A Complete Guide to Browser Screen APIs While building a responsive layout debugger, I dove deep into browser screen APIs. Beyond the common screen.width, there’s a lot more to explore. Here’s what I learned. Core API: The screen Object The window.screen object provides rich screen information: interface ScreenInfo { width: number // Physical screen width (pixels) height: number // Physical screen height (pixels) availWidth: number // Available width (minus taskbar) availHeight: number // Available height (minus taskbar) colorDepth: number // Color depth (usually 24 or 32-bit) pixelDepth: number // Pixel depth (usually equals colorDepth) orientation: string // Screen orientation (landscape-primary, etc. https://jsokit.com/blog/posts/from-template-strings-to-standard-practices-building-a-readme-generator/ Sun, 26 Apr 2026 09:00:41 +0000 https://jsokit.com/blog/posts/from-template-strings-to-standard-practices-building-a-readme-generator/ From Template Strings to Standard Practices: Building a README Generator Project is done. Now, how to write the README? Many developers (including myself) have been there: the code is solid, but the README is an afterthought. It’s not about lack of motivation—it’s the repetitive work of structuring sections, finding badges, formatting text. Recently added a README generator to JsonKit. Here’s the technical breakdown. The Standard README Structure Let’s look at what mature READMEs include: https://jsokit.com/blog/posts/port-checker-from-iana-assignments-to-security-hardening/ Wed, 22 Apr 2026 19:56:14 +0000 https://jsokit.com/blog/posts/port-checker-from-iana-assignments-to-security-hardening/ Port Checker: From IANA Assignments to Security Hardening When troubleshooting server issues, I often need to look up which service runs on which port. Online references are either incomplete or poorly formatted. So I compiled a quick reference for common ports, along with the technical details behind them. Port Fundamentals A port number is a 16-bit unsigned integer, ranging from 0 to 65535. IANA (Internet Assigned Numbers Authority) divides ports into three ranges: https://jsokit.com/blog/posts/pdf-merge-and-split-a-complete-guide-to-implementation-and-file-format/ Tue, 21 Apr 2026 16:26:32 +0000 https://jsokit.com/blog/posts/pdf-merge-and-split-a-complete-guide-to-implementation-and-file-format/ PDF Merge and Split: A Complete Guide to Implementation and File Format PDF is one of the most common document formats in our daily work. Whether it’s contract archiving, report organization, or document distribution, PDF merging and splitting are frequent requirements. Today let’s discuss the technical principles and implementation approaches behind these operations. PDF File Format Structure To understand PDF merging and splitting, we first need to grasp how PDF files are organized. https://jsokit.com/blog/posts/password-strength-checkers-from-character-sets-to-entropy-calculation/ Mon, 20 Apr 2026 19:22:10 +0000 https://jsokit.com/blog/posts/password-strength-checkers-from-character-sets-to-entropy-calculation/ Password Strength Checkers: From Character Sets to Entropy Calculation Ever wondered how those “Password Strength: Strong” indicators work? Why do some sites require uppercase, lowercase, numbers, and special characters? Let’s break down the math behind password strength detection. The Core: Information Entropy Password strength is fundamentally about information entropy - measuring the uncertainty in a password. Higher entropy means harder to guess. The formula: Entropy = log₂(N^L) = L × log₂(N) Where: 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.