SubnetCalc is a browser-based IPv4 subnet calculator for quickly finding subnet details and understanding how the calculations work. It combines practical network information with step-by-step binary and bitwise explanations.
- Calculate IPv4 subnet details from an IP address and CIDR prefix.
- Display the subnet mask, wildcard mask, network address, and broadcast address.
- Calculate total addresses and usable host ranges.
- Handle
/31and/32special cases. - Generate IPv4-mapped IPv6 and 6to4-related addresses.
- Show the calculation process using binary values and bitwise operations.
- Explore an animated data-flow diagram of the calculation functions.
- Browse networking explanations covering CIDR, subnet masks, host counts, and network versus broadcast addresses.
- Responsive dark interface that works on desktop and mobile browsers.
index.html- Interactive IPv4 subnet calculator.dataflow.html- Animated visualization of the calculation flow.faq.html- Frequently asked questions and networking reference material.about.html- Project overview, intended audience, and technical notes.
This is a static HTML, CSS, and JavaScript project. Open index.html directly in a browser, or serve the project directory with any local static web server.
For example, with Python installed:
python -m http.serverThen open http://localhost:8000 in your browser.
To calculate a subnet:
- Enter an IPv4 address, such as
192.168.10.50. - Select a CIDR prefix, such as
/25. - Select Calculate.
.
├── index.html
├── about.html
├── dataflow.html
├── faq.html
├── css/
│ └── style.css
├── src/
│ └── app.js
├── assets/
│ └── favicon.svg
└── og.jpg
- HTML5
- CSS3
- Vanilla JavaScript
- Inline SVG for the data-flow visualization
No build tools, frameworks, or external dependencies are required.
Damion Wilson for CoeBox LLC