Add handgun calibers cheatsheet HTML page
· 9 months ago
75bfeb3b06c4b9a8890fe618d7e5e20efd1b9fa8
Parent:
90494c32b
Introduces a comprehensive, interactive guide to modern handgun ammunition calibers, including ballistics, recoil, and common uses. Features filtering, detailed caliber cards, and structured data for SEO.
1 file changed +669 −0
- handgun-calibers.html +669 −0
Diff
--- /dev/null +++ b/handgun-calibers.html @@ -0,0 +1,669 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- SEO & Metadata --> + <title>Modern Handgun Calibers Cheatsheet: A Guide to 9mm, .45 ACP, & More</title> + <meta name="description" content="An interactive cheatsheet comparing popular handgun ammunition calibers like 9mm, .45 ACP, .357 Magnum, and 5.7x28mm. Covers ballistics, recoil, and common uses."> + <meta name="keywords" content="handgun calibers, ammunition, 9mm, 45 acp, 40 s&w, 10mm auto, 357 magnum, 380 acp, 22lr, 5.7x28mm, ballistics, self defense, concealed carry, cheatsheet"> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/handgun-calibers.html"> + <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎯</text></svg>"> + + <!-- Open Graph / Facebook --> + <meta property="og:type" content="website"> + <meta property="og:url" content="https://cheatsheets.davidveksler.com/handgun-calibers.html"> + <meta property="og:title" content="Modern Handgun Calibers Cheatsheet: A Guide to 9mm, .45 ACP, & More"> + <meta property="og:description" content="An interactive cheatsheet comparing popular handgun ammunition calibers like 9mm, .45 ACP, .357 Magnum, and 5.7x28mm. Covers ballistics, recoil, and common uses."> + <meta property="og:image" content="https://cheatsheets.davidveksler.com/images/handgun-calibers.png"> + <meta property="og:image:alt" content="A visual comparison of different handgun ammunition calibers."> + + <!-- Twitter --> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:url" content="https://cheatsheets.davidveksler.com/handgun-calibers.html"> + <meta name="twitter:title" content="Modern Handgun Calibers Cheatsheet: A Guide to 9mm, .45 ACP, & More"> + <meta name="twitter:description" content="An interactive cheatsheet comparing popular handgun ammunition calibers like 9mm, .45 ACP, .357 Magnum, and 5.7x28mm. Covers ballistics, recoil, and common uses."> + <meta name="twitter:image" content="https://cheatsheets.davidveksler.com/images/handgun-calibers.png"> + <meta name="twitter:creator" content="@heroiclife"> + + <!-- JSON-LD Structured Data --> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "TechArticle", + "headline": "Modern Handgun Calibers Cheatsheet", + "description": "An interactive, comprehensive guide to modern handgun ammunition calibers, detailing ballistics, characteristics, and common applications for self-defense, sport, and concealed carry.", + "author": { + "@type": "Person", + "name": "David Veksler (AI Generated)" + }, + "publisher": { + "@type": "Organization", + "name": "David Veksler Cheatsheets", + "logo": { + "@type": "ImageObject", + "url": "https://cheatsheets.davidveksler.com/favicon.ico" + } + }, + "datePublished": "2024-03-27", + "dateModified": "2024-03-27", + "keywords": ["handgun", "ammunition", "caliber", "9mm", ".45 ACP", ".40 S&W", "ballistics", "self-defense"] + } + </script> + + <!-- Bootstrap CSS --> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + + <style> + :root { + --bg-color: #0d1117; + --card-bg-color: #161b22; + --border-color: #30363d; + --text-color: #c9d1d9; + --heading-color: #ffffff; + --accent-color: #58a6ff; + --accent-hover: #1f6feb; + --term-color: #79c0ff; + --table-header-bg: #21262d; + } + + body { + background-color: var(--bg-color); + color: var(--text-color); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + } + + .page-header { + background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.6)), url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M1 1h2v2H1V1zm4 0h2v2H5V1zm4 0h2v2H9V1zM1 5h2v2H1V5zm4 0h2v2H5V5zm4 0h2v2H9V5zM1 9h2v2H1V9zm4 0h2v2H5V9zm4 0h2v2H9V9z" fill-opacity="0.05" fill="%2358a6ff"/></svg>'); + border-bottom: 2px solid var(--border-color); + padding: 4rem 1rem; + margin-bottom: 2rem; + color: var(--heading-color); + text-align: center; + } + .page-header h1 .bi { + font-size: 0.8em; + vertical-align: middle; + } + .page-header .lead { + max-width: 800px; + margin: 1rem auto 0; + color: var(--text-color); + } + + #filter-controls { + margin-bottom: 2rem; + background-color: var(--card-bg-color); + padding: 1rem; + border-radius: .5rem; + border: 1px solid var(--border-color); + } + #caliber-search { + background-color: var(--bg-color); + color: var(--text-color); + border-color: var(--border-color); + } + #caliber-search:focus { + background-color: var(--bg-color); + color: var(--text-color); + border-color: var(--accent-color); + box-shadow: 0 0 0 0.25rem rgba(88, 166, 255, 0.25); + } + + .section-title { + color: var(--heading-color); + border-bottom: 2px solid var(--accent-color); + padding-bottom: 0.5rem; + margin-bottom: 1.5rem; + font-weight: 600; + } + .section-title .bi { + margin-right: 0.75rem; + } + + .info-card { + background-color: var(--card-bg-color); + border: 1px solid var(--border-color); + border-radius: 6px; + margin-bottom: 1.5rem; + transition: all 0.2s ease-in-out; + display: flex; + flex-direction: column; + } + .info-card:hover { + border-color: var(--accent-color); + transform: translateY(-5px); + box-shadow: 0 8px 24px rgba(88, 166, 255, 0.1); + } + .card-header.caliber-title { + background-color: var(--table-header-bg); + border-bottom: 1px solid var(--border-color); + color: var(--heading-color); + font-weight: 600; + display: flex; + align-items: center; + } + .caliber-title .bi { + color: var(--accent-color); + margin-right: 0.75rem; + } + .card-body { + flex-grow: 1; + } + .summary { + font-size: 0.95rem; + line-height: 1.5; + } + .term { + color: var(--term-color); + font-weight: 600; + cursor: help; + } + .details-toggle { + background-color: var(--accent-hover); + border-color: var(--accent-hover); + font-weight: 600; + width: 100%; + } + .details-toggle:hover, .details-toggle:focus { + background-color: var(--accent-color); + border-color: var(--accent-color); + } + .details-toggle .bi { + transition: transform 0.2s ease-in-out; + } + .details-toggle[aria-expanded="true"] .bi { + transform: rotate(180deg); + } + + .collapse-content { + padding-top: 1rem; + } + + .table { + --bs-table-bg: var(--card-bg-color); + --bs-table-color: var(--text-color); + --bs-table-border-color: var(--border-color); + --bs-table-striped-bg: #1c2128; + --bs-table-striped-color: var(--text-color); + --bs-table-hover-bg: #22272e; + --bs-table-hover-color: var(--text-color); + } + .table thead th { + background-color: var(--table-header-bg); + color: var(--heading-color); + } + .table td:first-child { + font-weight: 600; + color: var(--term-color); + } + + .list-group-item { + background-color: transparent; + border-color: var(--border-color); + color: var(--text-color); + } + + .callout { + background-color: rgba(88, 166, 255, 0.1); + border-left: 4px solid var(--accent-color); + padding: 1rem; + border-radius: 4px; + margin-top: 1rem; + } + .callout h6 { + color: var(--accent-color); + } + + footer { + border-top: 1px solid var(--border-color); + padding: 2rem 0; + margin-top: 3rem; + font-size: 0.9rem; + text-align: center; + color: #8b949e; + } + + @media print { + body { + background-color: #ffffff; + color: #000000; + } + :root { + --text-color: #000; + --heading-color: #000; + } + .page-header, #filter-controls, .details-toggle, footer { + display: none; + } + .info-card, .info-card:hover { + border: 1px solid #ccc; + transform: none; + box-shadow: none; + page-break-inside: avoid; + } + .card-header.caliber-title, .table thead th { + background-color: #eee; + } + .collapse { + display: block !important; + } + .table, .table td, .table th { + color: #000 !important; + border-color: #ccc !important; + } + .term { + color: #000; + font-weight: bold; + } + } + </style> +</head> +<body> + + <header class="page-header"> + <div class="container"> + <h1><i class="bi bi-crosshair"></i> Modern Handgun Calibers Cheatsheet</h1> + <p class="lead"> + A comprehensive, interactive guide to popular handgun ammunition. Compare calibers by their ballistic characteristics, recoil profile, capacity, and common applications for self-defense, sport shooting, and concealed carry. + </p> + <p class="text-muted small mt-2">Last Updated: 2024-03-27</p> + </div> + </header> + + <main class="container" id="main-container"> + <!-- Filter Controls --> + <div id="filter-controls"> + <div class="input-group"> + <span class="input-group-text"><i class="bi bi-search"></i></span> + <input type="text" id="caliber-search" class="form-control" placeholder="Search for a caliber (e.g., '9mm', '.45', 'magnum')..."> + </div> + </div> + + <!-- Rimfire & Subcompact Calibers --> + <section id="rimfire-subcompact" class="mb-5"> + <h2 class="section-title"><i class="bi bi-collection-fill"></i> Rimfire & Subcompact Calibers</h2> + <div class="row"> + <!-- .22 Long Rifle --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".22 Long Rifle .22LR"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.22 Long Rifle (.22 LR)</div> + <div class="card-body"> + <p class="summary">Known for its <span class="term" title="The backward momentum of a gun when it is discharged.">minimal recoil</span> and low cost, the .22 LR is an ideal cartridge for training, recreational plinking, and introducing new shooters to firearms.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-22lr" aria-expanded="false" aria-controls="details-22lr"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-22lr"> + <p>While not a primary choice for self-defense due to limited <span class="term" title="The ability of a projectile to incapacitate a target.">stopping power</span>, advancements in bullet technology have created more effective loads for specific applications.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.223 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>30-40 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>1,080-1,640 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>100-200 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Beginner Training</li> + <li class="list-group-item">Small Game Hunting</li> + <li class="list-group-item">Recreational "Plinking"</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <!-- .380 ACP --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".380 ACP Automatic Colt Pistol"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.380 ACP</div> + <div class="card-body"> + <p class="summary">A popular choice for small, lightweight <span class="term" title="Carrying a concealed weapon on one's person in a public place.">concealed carry</span> pistols due to its compact size and manageable recoil.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-380acp" aria-expanded="false" aria-controls="details-380acp"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-380acp"> + <p>While traditionally viewed as having less stopping power than larger calibers, modern self-defense ammunition (e.g., jacketed hollow points) has significantly improved its terminal effectiveness.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.355 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>85-100 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>900-1,050 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>170-220 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Concealed Carry (CCW)</li> + <li class="list-group-item">Backup Handguns</li> + <li class="list-group-item">Recoil-Sensitive Shooters</li> + </ul> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- Duty & Defense Calibers --> + <section id="duty-defense" class="mb-5"> + <h2 class="section-title"><i class="bi bi-shield-fill-check"></i> Duty & Defense Calibers</h2> + <div class="row"> + <!-- 9mm Luger --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name="9mm Luger 9x19mm Parabellum"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>9mm Luger</div> + <div class="card-body"> + <p class="summary">The world's most popular handgun caliber, offering a superb balance of <span class="term" title="Capacity of a firearm's magazine.">magazine capacity</span>, manageable recoil, and effective terminal performance.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-9mm" aria-expanded="false" aria-controls="details-9mm"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-9mm"> + <p>Widely adopted by military, law enforcement, and civilians, the 9mm is a versatile round with a vast selection of affordable ammunition. Modern hollow-point designs have made it an excellent self-defense choice.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.355 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>115-147 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>900-1,500 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>335-400 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Self-Defense / Home Defense</li> + <li class="list-group-item">Law Enforcement / Military</li> + <li class="list-group-item">Competition Shooting</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <!-- .40 S&W --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".40 S&W Smith & Wesson"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.40 S&W</div> + <div class="card-body"> + <p class="summary">Designed as a compromise between 9mm and .45 ACP, offering more energy than 9mm but with a sharper, more pronounced <span class="term" title="Also known as 'kick', the recoil impulse perceived by the shooter.">felt recoil</span>.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-40sw" aria-expanded="false" aria-controls="details-40sw"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-40sw"> + <p>Formerly popular with law enforcement (e.g., the FBI), it has seen a decline as 9mm bullet technology has improved. It remains a potent and viable self-defense caliber.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.400 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>155-180 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>850-1,330 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>350-500 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Self-Defense</li> + <li class="list-group-item">Law Enforcement (Legacy)</li> + <li class="list-group-item">Competition (USPSA Limited)</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <!-- .45 ACP --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".45 ACP Automatic Colt Pistol"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.45 ACP</div> + <div class="card-body"> + <p class="summary">A classic American cartridge famed for its <span class="term" title="The ability of a projectile to incapacitate a target.">stopping power</span>. It fires a heavy, large-diameter bullet at subsonic speeds, creating a strong but 'pushy' recoil.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-45acp" aria-expanded="false" aria-controls="details-45acp"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-45acp"> + <p>With a legendary military service record in the M1911 pistol, the .45 ACP is a proven performer. The trade-off for its power is typically a lower magazine capacity compared to 9mm handguns of similar size.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.452 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>185-230 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>800-1,200 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>350-450 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Self-Defense / Home Defense</li> + <li class="list-group-item">Military (Historical)</li> + <li class="list-group-item">Suppressor Host (naturally subsonic)</li> + </ul> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- High-Power & Specialty Calibers --> + <section id="high-power-specialty" class="mb-5"> + <h2 class="section-title"><i class="bi bi-speedometer2"></i> High-Power & Specialty Calibers</h2> + <div class="row"> + <!-- 10mm Auto --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name="10mm Auto"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>10mm Auto</div> + <div class="card-body"> + <p class="summary">The pinnacle of power in a common semi-automatic platform, delivering near-magnum performance with a flat trajectory and <span class="term" title="The energy a projectile has at the moment it leaves the firearm's muzzle.">high muzzle energy</span>.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-10mm" aria-expanded="false" aria-controls="details-10mm"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-10mm"> + <p>The power of the 10mm Auto comes with significant recoil, making it challenging for some shooters. It's a top choice for handgun hunting and defense against large predators in the backcountry.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.400 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>135-220 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>1,100-1,600 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>500-750+ ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Handgun Hunting</li> + <li class="list-group-item">Backcountry / Predator Defense</li> + <li class="list-group-item">Enthusiast Target Shooting</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <!-- 5.7x28mm --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name="5.7x28mm FN Herstal"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>5.7x28mm</div> + <div class="card-body"> + <p class="summary">A unique, high-velocity bottlenecked cartridge known for its flat trajectory, low recoil, and high <span class="term" title="The ability of a projectile to pass through barriers.">penetration</span> capabilities with specific loads.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-57" aria-expanded="false" aria-controls="details-57"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-57"> + <p>Designed by FN Herstal for Personal Defense Weapons (PDWs), it looks like a miniature rifle cartridge. Its terminal performance is a topic of debate, but it excels at high capacity and ease of shooting.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.224 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>27-40 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>1,700-2,350 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>195-394 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Personal Defense Weapon (PDW)</li> + <li class="list-group-item">Target Shooting</li> + <li class="list-group-item">Varmint Hunting</li> + </ul> + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- Revolver Calibers --> + <section id="revolver" class="mb-5"> + <h2 class="section-title"><i class="bi bi-arrow-repeat"></i> Classic Revolver Calibers</h2> + <div class="row"> + <!-- .38 Special --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".38 Special"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.38 Special</div> + <div class="card-body"> + <p class="summary">A venerable revolver cartridge prized for its inherent accuracy and mild recoil. It remains a popular choice for small-frame revolvers and new shooters.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-38sp" aria-expanded="false" aria-controls="details-38sp"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-38sp"> + <p>While standard loads are modest, higher pressure <span class="term" title="A cartridge loaded to a higher internal pressure than standard, increasing velocity and energy.">+P (Plus P)</span> ammunition offers significantly improved performance for self-defense applications.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.357 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>110-158 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>755-950 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>200-300 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Concealed Carry (Revolvers)</li> + <li class="list-group-item">Beginner Training</li> + <li class="list-group-item">Target Shooting</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <!-- .357 Magnum --> + <div class="col-md-6 col-lg-4 caliber-card-wrapper"> + <div class="info-card" data-caliber-name=".357 Magnum"> + <div class="card-header caliber-title"><i class="bi bi-record-circle"></i>.357 Magnum</div> + <div class="card-body"> + <p class="summary">A powerful and versatile revolver cartridge developed from the .38 Special, offering a major leap in velocity and <span class="term" title="The performance of a bullet upon striking its target.">terminal ballistics</span>.</p> + <button class="btn btn-primary details-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#details-357mag" aria-expanded="false" aria-controls="details-357mag"> + Details <i class="bi bi-chevron-down"></i> + </button> + <div class="collapse collapse-content" id="details-357mag"> + <p>The .357 Magnum is a proven man-stopper and an effective hunting round for medium game. Its recoil is substantial, but revolvers chambered for it have the advantage of also being able to fire the milder .38 Special ammunition.</p> + <div class="table-responsive"> + <table class="table table-striped table-bordered"> + <thead><tr><th colspan="2">Ballistic Metrics (from Pistol)</th></tr></thead> + <tbody> + <tr><td>Bullet Diameter</td><td>.357 inches</td></tr> + <tr><td>Typical Bullet Weight</td><td>125-180 grains</td></tr> + <tr><td>Typical Muzzle Velocity</td><td>1,200-1,500 fps</td></tr> + <tr><td>Typical Muzzle Energy</td><td>400-700 ft-lbs</td></tr> + </tbody> + </table> + </div> + <div class="callout"> + <h6>Common Uses</h6> + <ul class="list-group list-group-flush"> + <li class="list-group-item">Self-Defense / Home Defense</li> + <li class="list-group-item">Handgun Hunting (Medium Game)</li> + <li class="list-group-item">Law Enforcement (Historical)</li> + </ul> + </div> + </div> + </div> + </div> + </div> + + </div> + </section> + + </main> + + <footer class="text-center"> + <div class="container"> + <p>© 2024 David Veksler Cheatsheets. All rights reserved.</p> + <p class="small">Disclaimer: This information is for educational purposes only. Always handle firearms responsibly and obey all local, state, and federal laws.</p> + </div> + </footer> + + <!-- Bootstrap JS --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> + + <script> + document.addEventListener('DOMContentLoaded', function () { + // Tooltip Initialization + const tooltipTriggerList = [].slice.call(document.querySelectorAll('[title]')); + tooltipTriggerList.map(function (tooltipTriggerEl) { + // We only want tooltips on .term spans, not the whole page + if(tooltipTriggerEl.classList.contains('term')) { + return new bootstrap.Tooltip(tooltipTriggerEl); + } + }); + + // Caliber Search/Filter + const searchInput = document.getElementById('caliber-search'); + const caliberCards = document.querySelectorAll('.caliber-card-wrapper'); + + searchInput.addEventListener('keyup', function(event) { + const query = event.target.value.toLowerCase(); + + caliberCards.forEach(function(cardWrapper) { + const card = cardWrapper.querySelector('.info-card'); + const caliberName = card.dataset.caliberName.toLowerCase(); + if (caliberName.includes(query)) { + cardWrapper.style.display = ''; + } else { + cardWrapper.style.display = 'none'; + } + }); + }); + + }); + </script> +</body> +</html> \ No newline at end of file