Guides · page 9 of 14
Browsing 320 guides, newest first.
JWT Security Best Practices: Common Vulnerabilities and How to Avoid Them
JWT vulnerabilities include algorithm confusion attacks, weak secrets, missing expiry, and storing tokens in localStorage. Learn how to implement JWTs securely: algorithm...
JWT Token Structure: Header, Payload, and Signature Explained
A JWT has three Base64URL-encoded parts: header, payload, and signature, separated by dots. Here's how each part works, what claims mean, and how to read and decode a JWT token.
Kebab Case: What It Is and Where to Use kebab-case
Kebab case uses hyphens between lowercase words: hello-world, user-first-name. It's the standard for CSS class names, URLs, HTML attributes, and npm package names. Here's where...
Letter Counter: Count Letters and Characters in Text
A letter counter tells you how many alphabetic characters are in your text, separate from spaces, digits, and punctuation. Here's when this matters and how to implement it.
Markdown Cheatsheet: Every Syntax Element with Examples
Markdown uses simple symbols for headings, bold, links, code, and tables. Here's a complete reference for CommonMark and GitHub Flavored Markdown syntax with working examples.
Markdown Code Blocks: Syntax Highlighting and Fenced Code
Markdown code blocks use triple backticks to display formatted code. Add a language identifier after the opening backticks for syntax highlighting. Here's how fenced code...
Markdown for Documentation: Structuring Technical Docs with Markdown
Markdown is the standard format for technical documentation. Here's how to structure docs with headings, admonitions, and navigation, and how static site generators like...
GitHub Markdown: Features Specific to GitHub Flavored Markdown
GitHub Flavored Markdown (GFM) extends standard Markdown with task lists, mentions, issue references, footnotes, and collapsed sections. Here's a guide to all GitHub-specific...
Markdown Links and Images: Syntax, Reference-Style, and Tips
Markdown links use [text](url) syntax; images add a leading !. Here's the complete guide to inline links, reference-style links, image syntax, adding titles, and linking to...
Markdown Syntax: Complete Guide with Live Examples
Markdown syntax covers headings, bold, italic, links, images, code blocks, tables, and more. This guide shows exact syntax with rendered output for every element.
Markdown Tables: How to Create and Format Tables in Markdown
Markdown tables use | and - to define columns and rows. Here's the full syntax for creating tables, aligning columns, handling special characters, and working with tables in...
Markdown to HTML Conversion: marked, markdown-it, and Showdown
Convert Markdown to HTML in JavaScript using marked, markdown-it, and Showdown. Includes syntax highlighting with highlight.js, sanitizing output, custom renderers, and...
Markdown to HTML Converter: Convert Markdown Files to HTML
Converting Markdown to HTML transforms markup syntax to web-ready HTML tags. Here's how to convert Markdown to HTML in JavaScript and Python, customize the output, and handle...
Merge Conflict Resolution: How to Resolve Git Conflicts
Git merge conflicts occur when two branches change the same lines differently. Here's how to read conflict markers, resolve conflicts using tools and command line, and prevent...
Minify HTML, CSS, and JS: Reduce File Sizes for Faster Pages
Minification removes whitespace, comments, and unnecessary characters from HTML, CSS, and JavaScript without changing behavior. Here's what gets minified, how much it saves,...
Mobile User Agent Detection: iOS, Android, and Common Patterns
Detect iOS and Android devices from user agent strings. Includes UA patterns for iPhone, iPad, Android phones and tablets, WebView detection, and how iOS 13+ iPadOS changed...
NanoID vs UUID: Which Unique ID Generator Should You Use?
NanoID generates shorter, URL-safe unique IDs using a custom alphabet. UUID v4 is the standard 128-bit identifier. Here's when to use each and how they compare on size, speed,...
Neumorphism in CSS: Soft UI Box Shadows and Design Patterns
Neumorphism uses two box shadows, one light, one dark, to create soft extruded or inset UI elements. Learn how to implement neumorphic CSS buttons, cards, and inputs with the...
Number Base Conversion: Binary, Octal, Decimal, and Hexadecimal
Convert numbers between binary (base 2), octal (base 8), decimal (base 10), and hexadecimal (base 16). Includes step-by-step conversion methods, JavaScript parseInt/toString,...
Number Systems Guide: Binary, Octal, Decimal, Hexadecimal
Computers use binary, programmers use hexadecimal, and humans use decimal. Here's how all four number systems work, how to convert between them, and where each system is used...
PascalCase: What It Is and Where to Use It in Code
PascalCase capitalizes the first letter of every word with no separators: HelloWorld, UserProfile. It's the standard for class names, React components, TypeScript types, and C#...
Passphrase vs Password: Why Longer and Memorable Wins
A passphrase is 4-5 random dictionary words strung together. It's easier to memorize than a random string and mathematically stronger for most password lengths. Here's the math.
How to Build a Secure Password Generator in JavaScript and Python
Build a cryptographically secure password generator in JavaScript and Python. Learn character set composition, entropy calculation, browser crypto.getRandomValues, and how to...
Password Manager Guide: Why You Need One and How to Choose
Password managers store and generate strong unique passwords for every site. Here's how password managers work, what makes them secure, and how to choose between popular options.