Guides · page 7 of 14
Browsing 320 guides, newest first.
Extract Emails from HTML: Parsing mailto Links and Text
Extract email addresses from HTML pages by scanning mailto: links, data attributes, and visible text. Includes JavaScript and Python code for client-side and server-side...
Extract URLs from Text: Regex and Libraries for URL Detection
Extracting URLs from plain text requires a regex that handles http, https, and various URL formats. Here's how to extract URLs using regex in JavaScript and Python, handle edge...
Favicon ICO: Create and Implement .ico Files for Your Website
The favicon.ico file is the icon shown in browser tabs, bookmarks, and history. Here's how to create an ICO file, what sizes it needs, and how to add it to your HTML properly.
Favicon Size Guide: All the Sizes You Need for Every Browser and Device
Favicons require multiple sizes for browsers, mobile home screens, and bookmarks. Here's exactly which sizes to create, what format each uses, and how to implement them in HTML.
File Diff Tools: Best Tools for Comparing Files and Directories
File diff tools show what changed between files or folders. Here's a comparison of command-line diff tools (diff, vimdiff, colordiff), GUI diff tools (Meld, Beyond Compare, VS...
File Integrity Verification with Checksums: SHA-256 and MD5
Verify file integrity using SHA-256 and MD5 checksums. Learn how to generate and verify checksums on Linux, macOS, and Windows, use checksums in CI/CD pipelines, and detect...
Flexbox Alignment: justify-content, align-items, and align-self
Master Flexbox alignment properties: justify-content distributes items along the main axis, align-items aligns on the cross axis, and align-self overrides per item. Includes...
Flexbox Centering: Center Elements Vertically and Horizontally
Flexbox makes centering easy with just 3 CSS properties. Here's how to center content both ways, fix common centering mistakes, and choose between flexbox and grid centering.
Flexbox Layout Patterns: Common UI Layouts with CSS Flexbox
CSS Flexbox solves common UI layout problems: sticky footers, equal-height columns, and horizontal navigation. Here's how to implement the most common Flexbox layout patterns...
Responsive Flexbox Layouts: flex-wrap, flex-basis, and Media Queries
Build responsive layouts with Flexbox using flex-wrap, flex-basis, and the flex shorthand. Learn how items shrink and grow, create a responsive card grid without media queries,...
Generate Strong Password: What Makes a Password Uncrackable
A strong password has high entropy, generated randomly from a large character set. Here's how to generate passwords that are genuinely uncrackable and how to use them with a...
Git Diff Guide: Reading and Using git diff Commands
git diff shows what changed between commits, branches, or the working tree. Here's how to read git diff output, diff specific files, compare branches, and use diff flags to...
GZIP Compression for HTML: How It Works and How to Enable It
GZIP compression reduces HTML file size by 60-80% before sending to browsers. Learn how GZIP works, how to enable it in Nginx, Apache, Express, and Vercel, and how minification...
Hash Functions Comparison: MD5, SHA-1, SHA-256, bcrypt, Argon2
Hash functions have different speed, output size, and security properties. MD5 and SHA-1 are broken for security. SHA-256 works for data integrity. bcrypt and Argon2 are for...
Hex Color Codes Explained: RGB, HSL, and How Colors Work in CSS
Hex color codes are 6-digit hexadecimal numbers that represent RGB values. Here's exactly how #FF5733 translates to a color, and how to convert between hex, RGB, and HSL.
Hexadecimal Explained: Why Programmers Use Hex and How to Read It
Hexadecimal (base-16) is used in programming for memory addresses, color codes, binary data, and debugging. Here's why hex exists, how to read it, and how to convert it.
HMAC Authentication: Signing API Requests with Secret Keys
HMAC (Hash-based Message Authentication Code) signs API requests with a shared secret. Learn how HMAC-SHA256 works, how to implement request signing in Node.js and Python, and...
How to Add a Favicon to Your Website: Complete Guide
Adding a favicon requires placing the icon file and linking it in HTML. Here's how to add favicons for all browsers, frameworks, and contexts including Apple touch icons and...
HSL Color: Hue, Saturation, and Lightness Explained
HSL represents colors as hue (0-360°), saturation (0-100%), and lightness (0-100%). It's more intuitive than RGB for programmatic color manipulation, here's how it works and...
HTML Comments Guide: Syntax, Uses, and When Minifiers Remove Them
HTML comments use <!-- --> syntax and are removed by minifiers unless they're conditional comments for IE. Learn comment syntax, legitimate uses, IE conditional comments, and...
HTML Minification Explained: What Gets Removed and Why
HTML minification removes whitespace, comments, and redundant attributes to reduce file size. Here's what minifiers remove, safe vs unsafe optimizations, and how to automate...
HTML Minification: What It Does and How Much It Saves
HTML minification removes whitespace, comments, and redundant attributes to reduce file size. Here's what gets removed, how much you save, and when minification actually matters.
HTML Minification and Web Performance: Core Web Vitals Impact
HTML minification reduces page size, but its impact on Core Web Vitals depends on what else you optimize. Here's how minification fits into the critical rendering path, affects...
HTML Minifier Tools: Best Tools to Minify HTML Online and in Build Pipelines
HTML minifier tools compress HTML by removing whitespace, comments, and optional tags. Here's a comparison of the best tools for manual, CLI, and automated HTML minification.