Front-End

• 

  Automatically Compress Images to a Target Size Using Compressor.js

  2025-10-05

  This tutorial demonstrates how to use the JavaScript library Compressor.js to automatically compress images to a specific file size (e.g., under 600KB), convert them to the modern WebP format, and enforce maximum width/height constraints. The approach uses recursive quality reduction to maintain the best image quality while ensuring the file size meets the requirement.

• 

  Detecting localStorage Changes on the Same Page

  2025-05-20

  Learn how to track changes to localStorage within the same tab using CustomEvent and method overrides.

• 

  Simple Webpage Screenshot Functionality - DOM to Image

  2023-02-25

  This article explores the DOM to Image package, which can be used by frontend developers to capture webpage screenshots. It provides a step-by-step guide to using the package, including tips on configuring the parameters for the captured image. Additionally, the author shares an Easter egg about generative AI.

• 

  Progressive Image Loading like Medium

  2019-10-07

  Outline of this article: Three ways to progressive images loading, Three steps of Medium Progressive Images Loading, Code Part, Test page loading time