Developer Blog
Guides for developers,
by developers
Deep-dives on encoding, cryptography, CSS, TypeScript types, and the tools you use every day. Every article includes real code you can copy.
Lorem Ipsum: Its History and Better Alternatives for Modern Design
Lorem Ipsum has been the standard placeholder text since the 1960s. Here is where it came from and when you should use something better.
Text Line Operations: Sort, Deduplicate, Reverse, and Filter Lines
Sorting, deduplicating, and filtering lines of text are operations every developer needs multiple times a week. Here are the fastest ways to do each.
Find & Replace with Regex: Power Text Editing Techniques
Regex find and replace can transform thousands of lines in seconds. Capture groups in replacement strings are the multiplier that makes it truly powerful.
Image to Base64: Inline Images in HTML, CSS, and JavaScript
Base64-encoded images eliminate HTTP requests but increase file size by 33%. Here is when the trade-off makes sense and how to do it correctly.
CSS Aspect Ratio: Responsive Images, Videos, and Embeds
Setting an explicit aspect ratio prevents layout shift as images and videos load. The CSS aspect-ratio property replaces a decade of padding hacks.
MIME Types: Content-Type Headers and File Extensions Explained
The Content-Type header tells browsers and servers what kind of data they're receiving. Getting it wrong breaks file downloads, API responses, and security policies.
HTTP Status Codes: The Complete Reference for Web Developers
Choosing the right HTTP status code is part of a well-designed API. 200 vs 201, 400 vs 422, 401 vs 403 — here is when to use each.
IP Subnetting: CIDR Notation, Network Masks, and Subnet Math
CIDR notation compresses subnet math into a single number. Here is how to calculate every relevant value from a network prefix like 192.168.1.0/24.
Signing JWTs: HS256 vs RS256 vs ES256 — Choosing the Right Algorithm
HS256 is simpler but shares a secret. RS256 and ES256 use public/private key pairs. Here is when each is the right choice.
HMAC Signatures: API Authentication and Webhook Verification
HMAC is the standard for webhook payload verification and API request signing. Here is how it works and how to implement it correctly.
SVG Optimization: Reduce File Size Without Losing Quality
SVGs exported from Figma or Illustrator are padded with metadata, editor cruft, and unoptimized paths. SVGO typically cuts 30–70% of the file size.
PNG vs JPEG vs WebP: Which Format for Which Use Case
Using JPEG for a logo and PNG for a photograph are the two most common image format mistakes. Here is the correct mental model.
Image Compression: WebP, JPEG, PNG — The Developer's Optimization Guide
Images are the biggest contributor to page weight. The right format and compression settings can reduce payload by 60–80% with no visible quality loss.
CSS Units Explained: px, rem, em, vh, vw — and When to Use Each
Picking the wrong CSS unit breaks accessibility and responsive layouts. Here is the decision framework: px for fixed sizes, rem for type, em for spacing relative to text.
CSS Border Radius: Circles, Pills, Blobs, and Squircles
border-radius controls all four corners independently and even supports elliptical corners. Here is how to go from simple rounded corners to organic blobs.
CSS Box Shadow: Complete Syntax, Patterns, and Design Tips
box-shadow has six values and supports multiple comma-separated layers. Here is the full syntax and a set of production-ready shadow patterns.
Mock Data Generation: Why Realistic Fake Data Makes Better Tests
Tests with hardcoded values miss edge cases. Realistic fake data surfaces bugs that '1', 'test', and 'foo' never would.
String Escaping: JSON, JavaScript, HTML, and SQL
The same string needs different escaping in JSON, HTML, JavaScript, and SQL. Using the wrong escaping (or none at all) is how injection vulnerabilities happen.
URL Query Strings: Parsing, Building, and Best Practices
Manual query string concatenation is fragile and leads to encoding bugs. URLSearchParams is the right tool — here is how to use it correctly.
HTML to Markdown: The Complete Conversion Guide
Moving content between HTML and Markdown is a common task for CMS migrations, documentation pipelines, and content tooling. Here is the complete map.
Markdown Syntax: The Complete Guide for Developers
Markdown is the universal writing format for README files, documentation, and technical writing. Here is everything in one place.
Number Bases for Developers: Binary, Octal, Decimal, Hex
Every developer works with multiple number bases daily — even if they don't notice it. Here is the complete picture from bits to hex colors.
HEX, RGB, HSL, and oklch: CSS Color Formats Explained
HEX is for copy-pasting from design tools. RGB is for JavaScript manipulation. HSL is for generating color palettes. oklch is the future. Here is when to use each.
URL Slugs: Best Practices for SEO-Friendly URLs
A URL slug is the human-readable part of a URL. Get it right and your URLs are shareable, memorable, and SEO-optimized.
Reading Time Estimation: How Apps Calculate Minutes to Read
Medium says '5 min read'. Here is exactly how that number is calculated and why word count still matters for SEO content strategy.
Text Diff Explained: How diff Compares Files Under the Hood
diff finds the minimum set of edits to transform one text into another. Understanding how it works makes you better at reading Git diffs and resolving conflicts.
Naming Conventions: camelCase, snake_case, PascalCase, and kebab-case
Each naming convention signals context. Using the wrong case in the wrong place is a red flag in code review. Here is the complete map.
HTML Entity Encoding: Prevent XSS and Display Special Characters
Inserting unescaped user input into HTML is the root cause of XSS. Five characters must always be escaped. Here is everything you need to know.
JSON, YAML, CSV, XML: When to Use Each Data Format
JSON dominates APIs, YAML owns config files, CSV is the spreadsheet handshake, and XML still runs enterprise systems. Know when to use each.
JavaScript & CSS Minification: How It Works and Why It Matters
Minification strips whitespace, renames variables, and removes dead code. A well-minified JS bundle can be 60–80% smaller than the source.
Code Formatting: Why Prettier, Linters, and Beautifiers Matter
Unformatted code wastes review time on style debates instead of logic. Here is how formatters work and how to enforce them automatically.
AI Background Removal in the Browser: How RMBG-1.4 Works
Most background removal tools ship your image to a server, process it in the cloud, and hand it back. RMBG-1.4 runs directly in your browser — no upload, no cost, no privacy trade-off.
PDF OCR: Extract Text from Scanned Documents with Tesseract
Scanned PDFs are image files — their text isn't selectable or searchable. OCR (Optical Character Recognition) converts those images back into machine-readable text.
Scan Documents to PDF with Your Camera: Tips for Sharp, Clean Scans
A flatbed scanner produces better quality, but your phone camera is always with you. With the right settings, phone scans are perfectly readable and shareable.
Convert HTML to PDF: Rendering, Print CSS & Browser-Based Conversion
Converting HTML to PDF is useful for generating invoices, reports, and documentation from web content. Getting the layout right requires understanding CSS print media queries.
Sign a PDF Electronically: Drawn, Typed & Image Signatures
Electronic signatures on PDFs are legally valid in most jurisdictions under laws like eSign Act (US) and eIDAS (EU). Signing takes seconds and avoids the print-sign-scan cycle.
Compress PDF Files: Reduce Size Without Losing Quality
Large PDFs cause slow email attachments, failed uploads, and storage waste. Image re-encoding is the most effective way to reduce size without visible quality loss.
URL Encoding Explained: Percent-Encoding for Web Developers
URLs can only contain a limited set of characters. Percent-encoding converts everything else into %XX sequences. Here is the full picture.
Annotate PDFs in Your Browser: Highlighting, Drawing & Text Notes
Annotating a PDF during review — highlighting key passages, circling issues, adding margin notes — is faster than writing separate review documents.
Open and Read PDFs in Your Browser: Navigation, Zoom & Privacy
Every major browser can render PDFs natively, but a dedicated PDF reader gives you better navigation, zoom, and text controls without needing a plugin or app.
Fill PDF Forms in Your Browser: AcroForms, Field Types & Saving
Most PDF forms use the AcroForm standard — an embedded form layer that any PDF viewer can render. Filling them doesn't require a specific app or a paid subscription.
Flatten a PDF: Lock Form Fields and Make Content Permanent
A filled PDF form is still editable by anyone who opens it in a PDF viewer. Flattening bakes the values into the page content permanently — protecting the data from modification.
Convert Plain Text to PDF: Formatting, Fonts & Use Cases
Plain text files are universal but not printable or shareable in a professional context. Converting to PDF gives them consistent pagination, fonts, and portability.
QR Codes for Developers: Generate, Customize, and Scan
QR codes can encode URLs, contact cards, WiFi credentials, and more. Here is how to generate them client-side with zero dependencies.
Convert JPG Images to PDF: Combine Multiple Images into One Document
Converting images to PDF is the simplest way to create a shareable, printable document from a collection of photos or scanned pages.
Convert PDF Pages to JPG or PNG Images: Resolution, Quality & Use Cases
Converting PDF pages to images lets you embed them in presentations, generate thumbnails for document previews, or share individual pages without a PDF viewer.
Crop PDF Margins: Remove White Space and Trim Pages
Scanned documents often have large white borders, and exported PDFs sometimes have excessive margins. Cropping adjusts the visible area without re-rendering content.
How to Watermark a PDF: Text & Image Stamps with Opacity Control
Watermarks communicate document status at a glance — DRAFT, CONFIDENTIAL, SAMPLE — without altering the underlying content. Adding them takes seconds.
Add Page Numbers to a PDF: Position, Format & Bates Numbering
PDFs merged from multiple sources or exported from tools without pagination need page numbers added after the fact — useful for legal documents, reports, and printed manuals.
JSON to TypeScript: Auto-Generate Type Definitions from API Responses
Typing JSON API responses by hand is tedious and error-prone. Here is how to auto-generate accurate TypeScript interfaces and handle the edge cases.
Organize PDF Pages: Reorder, Rotate & Delete with Drag-and-Drop
An organize tool combines reorder, rotate, and delete into one visual editor — making it faster than using three separate tools in sequence.
Extract Specific Pages from a PDF into a New File
Instead of sending a 50-page report when the recipient only needs pages 12–18, extract those pages into a new PDF — preserving all formatting, fonts, and images.
Delete Pages from a PDF: Remove Unwanted Content Cleanly
Need to remove a cover page, blank page, or confidential section from a PDF before sharing? Page deletion is lossless and takes seconds.
How to Rotate PDF Pages: Fix Orientation Without Losing Quality
Scanned documents and mobile-shot photos often land in PDFs rotated incorrectly. Fixing them takes seconds — and the correction is stored losslessly.
How to Split a PDF: By Page Range, Every N Pages, or One Per Page
Splitting a PDF lets you extract exactly the pages you need without modifying the original — useful for sharing only relevant sections of a large document.
SQL Formatting Best Practices: Readable Queries That Scale
Unformatted SQL is the fastest way to introduce bugs in a code review. These conventions make even complex queries instantly readable.
How to Merge PDF Files: Combine Multiple PDFs into One
Merging PDFs used to mean installing desktop software or uploading sensitive documents to a cloud service. Modern browsers can do it entirely locally.
Meta Tags for SEO: The Complete Guide to Open Graph & Twitter Cards
Meta tags control how your pages appear in search results and social shares. Get them right and you earn more clicks without changing a word of content.
Cron Expressions Explained: A Complete Syntax Reference
Five fields. Dozens of special characters. Endless ways to schedule a job wrong. This is the cron reference that keeps by your side.
AES Encryption in the Browser: Client-Side Cryptography with Web Crypto
AES-GCM provides authenticated encryption in the browser without any libraries. Here is how the Web Crypto API makes it straightforward.
How to Generate Cryptographically Secure Passwords
Math.random() is not cryptographically secure. Learn how browser-native crypto generates truly unpredictable passwords and how to measure password strength.
CSS Gradients: Linear, Radial, and Conic — The Complete Guide
CSS gradients give you color transitions without images. Master linear, radial, and conic syntax plus repeating patterns to build beautiful UIs entirely in CSS.
UUIDs Explained: v1, v4, v5, and v7 — When to Use Each
UUIDs are 128-bit identifiers designed to be globally unique without coordination. But v1, v4, v5, and v7 have very different tradeoffs. Here is when to use each.
Bcrypt Password Hashing: Why It's the Gold Standard
Bcrypt is deliberately slow, automatically salted, and has been battle-tested since 1999. Here is how it works and how to use it correctly.
Unix Timestamps: The Complete Developer Reference
Unix timestamps count seconds since January 1, 1970 UTC. Simple concept, endless edge cases. Here is the guide that keeps you out of timezone trouble.
Regex Cheat Sheet: 20 Patterns Every Developer Needs
Regular expressions are one of the most powerful tools in a developer's toolkit. Here are 20 battle-tested patterns with explanations you can use today.
MD5, SHA-1, SHA-256: Hash Functions Compared for Developers
Not all hash functions are equal. MD5 is broken for security, SHA-1 is deprecated, and SHA-256 is the modern standard. Here is what you need to know.
JWT Explained: Decoding JSON Web Tokens Without a Library
A JWT is three Base64url-encoded JSON objects separated by dots. Learn to read them without any library and spot security issues before they bite you.
Base64 Encoding & Decoding: The Complete Developer Guide
Base64 turns binary data into ASCII text so it can travel safely over text-only channels like email, JSON payloads, and HTML attributes.