Articles & Guides

Expert Guides & Deep Dives

In-depth articles on web development, design, security, and content strategy — each paired with a free tool so you can practice what you read.

Developer10 min

JSON for Developers: Complete Data Interchange Guide

Master JSON from its origin and philosophy to common mistakes, modern usage patterns, and JSON Schema validation.

Hanul LeeMar 11, 2026
Developer9 min

Base64 Encoding: A Complete Developer's Guide

Understand Base64 encoding from the ground up — binary-to-text conversion, Data URIs, JWT tokens, email attachments, and performance considerations.

Hanul LeeMar 16, 2026
Developer8 min

Text Case Conventions: A Developer & Writer's Guide

Master text case conventions — camelCase, snake_case, kebab-case for code, and Title Case vs Sentence case for writing and UI design.

Hanul LeeMar 16, 2026
Developer8 min

YouTube Embedding: Complete Guide to Responsive Video Embeds

Master YouTube video embedding — responsive iframes, privacy-enhanced mode, autoplay, custom parameters, and accessibility best practices.

Hanul LeeMar 16, 2026
Developer10 min

Complete Guide to Password Security (2026)

Everything you need to know about creating strong passwords, enabling 2FA, and protecting your accounts from data breaches.

Hanul LeeMar 7, 2026
Developer9 min

Building a QR Code Generator in React: What I Learned

A developer's journey building a client-side QR code generator — library choices, WiFi format quirks, color contrast pitfalls, and SVG vs PNG export.

Hanul LeeApr 6, 2026
Developer9 min

Why Math.random() Is Dangerous: Building a Secure Password Generator

Learn why cryptographic randomness matters and how I built a password generator using Web Crypto API instead of Math.random().

Hanul LeeApr 6, 2026
Design9 min

Web Colors, Gradients & Shadows: CSS Design Guide

Master CSS visual design — color systems, color theory, gradient techniques, box shadow depth, and design token architecture.

Hanul LeeMar 11, 2026
Design7 min

Placeholder Text in Design: History, Uses & Best Practices

Explore the 2000-year history of Lorem Ipsum, when to use placeholder text, alternatives for different languages, and design workflow best practices.

Hanul LeeMar 16, 2026
Design8 min

Image Optimization for Web: Complete Guide

Learn how to reduce image file sizes by up to 80% without losing quality. Compare JPEG, PNG, WebP, and AVIF formats.

Hanul LeeMar 9, 2026
Design9 min

Client-Side Image Compression: Canvas API Pitfalls I Wish I Knew

The surprising limitations of browser-based image compression — PNG quality ignored, EXIF data stripped, and why WebP is the real winner.

Hanul LeeApr 6, 2026
Content & Media8 min

YouTube Thumbnails: Complete Guide to Boosting CTR

Learn the science behind high-performing thumbnails — optimal sizes, design psychology, A/B testing, and competitive analysis.

Hanul LeeMar 12, 2026
Content & Media9 min

Writing for the Web: Character Limits & SEO Guide

Master character limits for every platform, SEO lengths, keyword density, readability scores, and professional writing workflows.

Hanul LeeMar 13, 2026
Content & Media9 min

PDF & Document Conversion: Complete Guide

Master document formats — PDF, TIF, and image conversion, optimization techniques, government submission requirements, and best practices.

Hanul LeeMar 14, 2026
Content & Media9 min

QR Codes: Complete Guide to Creating & Optimizing

From technology and history to security, design best practices, and real-world business applications of QR codes.

Hanul LeeMar 10, 2026