Guides · page 5 of 14
Browsing 320 guides, newest first.
Bot Detection Using User Agent Strings: Googlebot, Bingbot, and Crawlers
Identify search engine crawlers, social media bots, and malicious scrapers from user agent strings. Includes patterns for Googlebot, Bingbot, common bots, and how to verify...
Animating CSS Box Shadows: Smooth Hover Effects and Transitions
CSS box-shadow transitions create smooth hover effects for cards and buttons. Here's how to animate shadows efficiently, avoid performance issues, and create material design...
Browser Detection in JavaScript: Feature Detection vs User Agent Parsing
Detect browsers, OS, and device type in JavaScript using user agent strings, feature detection, and the modern Client Hints API. Includes when to use each approach and common...
Caesar Cipher and ROT13: How Shift Ciphers Work
The Caesar cipher shifts each letter by a fixed number. ROT13 shifts by 13. Neither is secure, but understanding them explains every symmetric cipher that came after.
camelCase: What It Is and Where to Use It in Programming
camelCase capitalizes the first letter of each word except the first: helloWorld, getUserProfile. It's the standard for JavaScript variables, Java methods, and API JSON keys....
camelCase vs snake_case: Which Naming Convention to Use and When
camelCase and snake_case are the two dominant naming conventions in programming. Here's which language ecosystems use each, what the research says about readability, and how to...
Character Limits Explained: What Counts as a Character
Character count isn't just about Twitter limits. Email subject lines, SMS, SEO meta tags, database columns, and form inputs all have hard character limits that break silently.
CIDR Notation Explained: What /24, /16, /8 Mean in IP Addresses
CIDR notation is the slash number after an IP address, /24, /16, /8. It specifies how many bits belong to the network portion. Here's how to read CIDR, calculate address...
Color Accessibility: WCAG Contrast Ratios and Tools
WCAG 2.1 requires a 4.5:1 contrast ratio for normal text and 3:1 for large text. Learn how to calculate contrast ratios, test color combinations, use browser DevTools, and...
Color Picker Tools: Browser DevTools, VS Code, and Online Pickers
Color picker tools help designers and developers find and manage colors. Learn how to use Chrome DevTools color picker, VS Code color preview, online tools, and eyedropper APIs...
Color Theory for Web Design: Hue, Saturation, and Color Harmonies
Color theory explains how colors relate to each other and why some combinations work visually. Here's how hue, saturation, and lightness work, common color harmonies, and how...
Colored Box Shadow in CSS: Glow Effects and Color Shadows
CSS box-shadow isn't limited to black. Create colored glows, neon effects, brand-colored shadows, and multi-layer colored shadows. Includes examples for card hover effects,...
How to Compare JSON Objects: Deep Equality and Diff in JavaScript and Python
Comparing JSON objects with == won't work for deep equality. Here's how to deep-compare JSON in JavaScript and Python, detect differences, find changed keys, and generate...
Compress JPEG Online: Reduce Image File Size Without Losing Quality
JPEG compression lets you reduce image file sizes by 40-80% with minimal visible quality loss. Here's how JPEG compression works, what settings to use, and how to compress...
Contact Information Extraction: Emails, Phones, and URLs from Text
Extract emails, phone numbers, URLs, and addresses from unstructured text using regex and NLP libraries. Includes Python and JavaScript implementations for bulk contact...
Create QR Code: Generate QR Codes for URLs, Text, and Contacts
Creating a QR code takes your URL, text, or contact data and encodes it as a scannable matrix. Here's how to create QR codes for different use cases, with the right size and...
Cron Expression Guide: Syntax, Fields, and Special Characters
Cron expressions schedule recurring jobs using five or six fields: minute, hour, day-of-month, month, day-of-week. Here's the full cron syntax including *, /, -, and ?...
Cron Job Scheduling: How Cron Works and Best Practices
Cron runs scheduled tasks using 5-field time expressions. Learn how cron daemons work, how to manage crontabs, timezone handling, error logging, and alternatives like systemd...
Cron Job Syntax: How to Write and Read Cron Expressions
Cron job syntax is five space-separated fields: minute, hour, day-of-month, month, day-of-week. Here's how to read and write cron expressions, with common schedule examples.
Cron Jobs in Next.js with Vercel Cron: Scheduled Functions
Run scheduled tasks in Next.js using Vercel Cron (serverless cron), GitHub Actions schedules, or Upstash QStash. Includes configuration, securing cron endpoints, and...
Cron Schedule Examples: Common Cron Expressions for Any Interval
Cron expressions schedule recurring jobs. Here's a reference of common cron schedules: every minute, hourly, daily, weekly, monthly, and business hours, with explanations for...
CSS Box Shadow Examples: Generate and Customize Shadow Effects
CSS box-shadow creates drop shadows, inset shadows, and layered shadow effects. Here's how the syntax works, what each parameter does, and ready-to-use shadow examples.
CSS Box Shadow: How to Use box-shadow Correctly
CSS box-shadow adds depth, elevation, and focus effects to elements. Here's the syntax, how each parameter works, and practical shadow patterns for cards, modals, and buttons.
CSS Flexbox Cheatsheet: Every Property with Visual Examples
CSS Flexbox has 12 container properties and 6 item properties. Here's a complete reference for every flexbox property with examples, common patterns, and browser support notes.