The Dev Tools
Developer Blog
Tutorials, best practices, and deep dives on encoding, security, text processing, and web development.
40 articles
How Webpack Works: Dependency Graph, Loaders, Plugins, and Bundles
A detailed guide to webpack entry points, dependency graphs, loaders, plugins, chunks, code splitting, caching, and production builds.
User-Agent Strings: Parsing, Structure, and Feature Detection
The structure of UA strings, why every browser claims to be Mozilla, how parsers identify browsers and OS versions, and when to use feature detection instead.
JSON String Escaping: Characters, Edge Cases, and Common Mistakes
Which characters must be escaped in JSON strings, Unicode escape sequences, the double-encoding trap, and JSON injection security risks.
SVG for Web Developers: Inline SVG, Sprites, and Animation
Inline SVG vs img tag, the viewBox attribute, common SVG elements, optimization with SVGO, CSS stroke animation, and accessibility.
CSS Borders and border-radius: Creative Styling Techniques
Master the CSS border shorthand, per-side control, border-radius per corner, and how to create circles, pills, squircles, and CSS triangles.
Date and Age Calculations in JavaScript: Edge Cases and Best Practices
Accurate age calculation in JavaScript — handling leap year birthdays, timezone midnight bugs, days-until-birthday, and the Intl.DateTimeFormat API.
JavaScript Sandbox: Running Code Safely in the Browser
How sandboxed iframes isolate executed code, capturing console.log output via postMessage, infinite loop protection with Web Workers, and practical use cases.
CSS Box Shadow: A Complete Guide with Examples
Every box-shadow parameter explained — offset, blur, spread, inset, layered shadows for depth, elevation systems, and performant shadow animations.
WCAG Color Contrast: Building Accessible Color Systems
How contrast ratios are calculated, WCAG AA vs AAA thresholds, common design failures, building accessible palettes, and a look at the upcoming APCA algorithm.
CSS Minification: Reducing File Size for Better Web Performance
What minification removes from CSS, typical file size savings, beautifying minified code for debugging, and integrating with Vite, PostCSS, and Webpack.
Working with CSV Files: Viewing, Filtering, and Analyzing Data
Why browser-based CSV viewers beat Excel for quick inspection, correct quoted-field parsing, common data quality issues, and when to use CLI tools for large files.
TSV: Tab-Separated Values and When to Use Them Over CSV
TSV vs CSV trade-offs, the spreadsheet copy-paste workflow, parsing TSV to JSON, converting JSON to TSV, and common pitfalls with carriage returns and BOM characters.
Converting JSON to CSV: Data Export Patterns for Developers
Handling special characters per RFC 4180, collecting all keys from sparse records, flattening nested objects, and Excel-safe UTF-8 CSV with BOM.
Lorem Ipsum: History and Uses in Modern Web Development
The 500-year history of Lorem Ipsum, why it works for design reviews, when it misleads (i18n, accessibility, UX copy), and better alternatives.
URL Query Parameters: Parsing, Encoding, and Best Practices
URLSearchParams API, converting query strings to structured JSON, percent-encoding rules, nested parameter conventions, and query string security.
Secure Random String Generation for Developers
PRNG vs CSPRNG, using crypto.getRandomValues(), modulo bias, entropy and length guidelines, character set trade-offs, and common mistakes to avoid.
HTML Live Preview: Sandboxing HTML, CSS, and JavaScript Safely
How sandboxed iframes isolate live HTML previews, srcdoc vs Blob URLs, CSP injection, combining HTML/CSS/JS into a single document, and debounced updates.
Image to Base64 Encoding: When, Why, and How
Data URI syntax, embedding images in HTML, CSS, and JSON, the 33% size overhead, converting base64 back to a Blob for download, and when not to use base64.
Text Diff: How String Comparison Algorithms Work
Levenshtein distance, the Myers diff algorithm used by Git, line vs character level diffs, unified vs side-by-side views, and pitfalls like CRLF mismatches.
CSV Format: A Developer's Complete Guide
The CSV spec, common pitfalls, converting to JSON, and when to choose CSV over other formats.
CSS Gradients: linear-gradient, radial-gradient & conic-gradient Explained
Master all three CSS gradient types with syntax breakdowns, browser support notes, and practical examples.
UUID v4, ULID, and NanoID: Choosing the Right Unique Identifier
Compare UUID, ULID, and NanoID — their trade-offs, structure, and which to use in different situations.
JSONL and NDJSON: The Complete Developer Guide
What JSON Lines is, when to use it over a JSON array, and why it's the format of choice for ML and log pipelines.
Number Systems for Developers: Binary, Hex, and Octal
A practical guide to binary, octal, decimal, and hexadecimal — how they work and where developers encounter them.
Git Workflow Strategies: GitFlow, GitHub Flow, and Trunk-Based Development
Compare popular Git workflow strategies and learn best practices for branching, merging, and team collaboration.
HTTP Status Codes Complete Reference Guide
Comprehensive guide to HTTP status codes from 1xx to 5xx. Learn what each status code means and when to use them.
CSS Units Guide: px, rem, em, vh, vw and When to Use Each
Complete guide to CSS units and when to use each for responsive, accessible design.
Unicode and Character Encoding: UTF-8, UTF-16, and ASCII Explained
Understand Unicode and character encoding for handling international text, emojis, and special characters correctly.
Data Serialization Formats: JSON vs XML vs YAML vs Protocol Buffers
Compare popular data serialization formats and learn when to use each one with practical examples.
API Testing Best Practices for Modern Development
Comprehensive guide to API testing including REST, authentication, error handling, and automated testing strategies.
Markdown Syntax Complete Guide for Developers
Master Markdown formatting for documentation, README files, and technical writing with practical examples.
Regular Expressions (Regex) Patterns Guide for Developers
Master regex patterns with practical examples for email validation, URL parsing, and text processing.
Color Picker Tools for Modern Web Design
Master color selection for web design with HEX, RGB, HSL formats and accessibility standards.
Hash Algorithms Guide: MD5, SHA-1, SHA-256 and Beyond
Comprehensive guide to cryptographic hash functions and their security implications in modern development.
Base64 Encoding: A Complete Developer Guide
Learn everything about Base64 encoding, from basic concepts to advanced use cases in web development and API communication.
JSON Formatting and Validation Best Practices
Master JSON handling with our comprehensive guide covering formatting, validation, and common pitfalls to avoid.
JWT Token Debugging and Security Analysis
Learn how to decode, validate, and debug JWT tokens effectively while understanding security implications.
URL Encoding: When and How to Use It
A practical guide to URL encoding, covering when to use it, common mistakes, and best practices for web development.
Advanced String Manipulation Techniques
Explore powerful string manipulation techniques including case conversion, text comparison, and pattern matching.
Timestamp Conversion Methods Across Programming Languages
Compare timestamp conversion methods across different programming languages and frameworks.