Blog

Practical guides, tips, and tutorials to help you make the most of technology in your daily life.

📄
PDF

pdf-lib Complete Guide: Create, Modify, and Merge PDFs in the Browser

Step-by-step tutorial for pdf-lib, the pure-JavaScript library for creating and modifying PDFs directly in the browser. Covers installation, core API, font embedding, and common pitfalls.

📖
PDF

Pdf.js Rendering and Viewer Implementation Guide

A practical tutorial for rendering PDFs with pdfjs-dist 5.6.205 — worker setup, canvas rendering, text extraction, zoom controls, password handling, and common pitfalls.

🔤
OCR

Tesseract.js Browser OCR Complete Tutorial

A hands-on tutorial for running OCR in the browser with Tesseract.js 7.0.0 — worker setup, multilingual recognition, progress tracking, bounding boxes, and production pitfalls.

🖼️
Image

Sharp Image Processing Guide for Node.js

A practical tutorial for Sharp 0.34.5 covering resize strategies, format conversion, metadata extraction, compositing watermarks, color manipulation, and stream pipelines on Node.js.

📦
Image

Client-Side Image Compression with browser-image-compression

A hands-on tutorial for browser-image-compression 2.0.2 covering file input handling, maxSizeMB targeting, Web Worker offloading, WebP output, progress tracking, EXIF orientation, and initial quality control for upload-heavy web apps.

🎬
Media

FFmpeg.wasm Browser Video and Audio Processing Guide

A hands-on tutorial for @ffmpeg/ffmpeg 0.12.15 covering single-thread vs multi-thread core loading, MP4 to WebM conversion, trimming, audio extraction, frame extraction, compression, and progress logging inside modern browsers with SharedArrayBuffer requirements.

📱
QR

qrcode Library QR Code Generation Complete Guide

A comprehensive tutorial for the qrcode npm package (v1.5.4) covering data URL generation, canvas rendering, SVG output, file saving, error correction levels, custom styling, and encoding modes with real code examples for both Node.js and browser environments.

📷
QR

@zxing/library QR and Barcode Scanning Implementation Guide

A hands-on guide to implementing QR code and barcode scanning in web applications using @zxing/library and @zxing/browser, covering camera integration, multi-format support, and real-time decoding.