JsonKit
  • Menu ▾
    • About
    • Home
    • Tool Tutorials
  • About
  • Home
  • Tool Tutorials

From Canvas to Crop Box: Building an Online Image Cropping Tool

2026-02-21
#javascript  #canvas  #image 

Recently I needed to crop user-uploaded avatars for a project, with support for drag-to-adjust crop areas. I looked at a few existing libraries—eit…

[Read more]

Browser-Side Image Format Conversion: Canvas toBlob Quality Parameter and Color Space Pitfalls

2026-02-21
#api  #canvas  #image 

I recently built an image format converter and discovered that browser-side image conversion, while seemingly simple, has many technical details wo…

[Read more]

Browser-Side Image Compression: The Right Way to Use Canvas API

2026-02-20
#api  #canvas  #image 

Last week during a project optimization, I discovered user avatars were often 5-10MB each. Uploading these directly to the server was wasting bandw…

[Read more]

Image to Base64 Conversion: A Deep Dive into FileReader API and Data URL Implementation

2026-02-20
#api  #image  #base64 

I recently worked on an image upload feature that needed preview and Base64 conversion. Thought it was just calling an API, but ended up hitting se…

[Read more]

Building an Icon Library Tool: From Lucide React to Search Filtering

2026-02-19
#api  #react 

Managing icons in frontend projects is always a hassle. Designers send a bunch of SVGs, developers manually import, name, and wrap them. Recently d…

[Read more]

The Complete Guide to HTTP Status Codes: From Protocol to Troubleshooting

2026-02-19
#api  #http 

When debugging APIs, you’ve surely encountered various HTTP status codes. 200 OK is straightforward, but what about 401, 403, or 500? What’s the di…

[Read more]

HTTP Response Headers Analysis: A Complete Guide to Security Scoring and Performance Optimization

2026-02-18
#api  #fetch  #http 

Recently, while debugging a production issue, I noticed our API responses were painfully slow. Opening DevTools revealed the culprit: `Cache-Contro…

[Read more]

HTML Formatter Implementation: From String Parsing to Indentation Reconstruction

2026-02-18
#format  #http  #html 

Tool link: https://jsokit.com/tools/html-format

[Read more]

HTML Entity Encoding: From XSS Prevention to Character Escaping Implementation

2026-02-17
#api  #encoding  #html 

Building a content management system recently, I needed to safely display user-submitted text on pages. Direct rendering? XSS attacks await. Escape…

[Read more]

From MD5 to SHA-512: Hash Algorithm Principles and Browser Implementation

2026-02-17
#tutorial 

While building a file verification tool recently, I revisited hash algorithms. Many developers know terms like MD5 and SHA, but few understand the …

[Read more]
< [Newer posts] :: [Older posts] >
© 2025 JsonKit :: Theme made by panr