Drum Pattern Sequencer - Online Create Beats & Play
Lay down a beat on a grid sequencer for kick, snare, and hi-hat. Play, loop, and adjust tempo. All sound via Web Audio API.
UD5 Toolkit
| CIDR | Mask | Hosts |
|---|
A /24 subnet (255.255.255.0) has 256 total addresses, with 254 usable for hosts.
Subnetting is the practice of dividing a larger IP network into smaller, more manageable sub-networks (subnets). It improves network efficiency, security, and reduces broadcast traffic. Each subnet has its own network address, broadcast address, and range of usable host addresses.
CIDR (Classless Inter-Domain Routing) notation expresses an IP address and its associated network mask in a compact format. For example, 192.168.1.0/24 means the first 24 bits represent the network portion, leaving 8 bits for host addresses. The "/24" is called the prefix length.
Perform a bitwise AND operation between the IP address and the subnet mask. Each bit position where both are 1 results in 1; otherwise 0. For example: 192.168.1.100 AND 255.255.255.0 = 192.168.1.0 — that's your network address.
A broadcast address is used to send data to all hosts on a subnet simultaneously. It's calculated by setting all host bits to 1 in the network address. Devices use broadcast for ARP requests, DHCP discovery, and other network discovery protocols.
In standard IPv4 subnets, two addresses are reserved: the network address (all host bits = 0) identifies the subnet itself, and the broadcast address (all host bits = 1) is used for broadcasting. So 2^n - 2 gives usable hosts. Exception: /31 subnets (RFC 3021) allow 2 usable hosts for point-to-point links.
By segmenting a network into subnets, you can isolate sensitive systems (like servers or finance departments) from general user traffic. Access control lists (ACLs) and firewall rules can then be applied between subnets, limiting lateral movement of threats and containing potential breaches.
These are common CIDR prefix lengths. /8 (Class A) gives ~16.7 million addresses, /16 (Class B) gives 65,536 addresses, and /24 (Class C) gives 256 addresses. The smaller the number after the slash, the larger the network. Modern routing uses CIDR instead of the old classful system.
VLSM allows using different subnet mask lengths within the same network infrastructure. This enables more efficient IP address allocation — you can assign a /26 subnet (62 hosts) to a small department and a /22 (1022 hosts) to a large one, minimizing wasted addresses.
Regular practice with varied CIDR lengths is key. Start with /24 through /30 for small networks, then progress to /16 through /23 for medium networks, and finally tackle /8 through /15. Focus on understanding binary conversion — it's the foundation of all subnet calculations. Use this quiz tool daily to build speed and confidence.
Professionals use subnet calculators (like this quiz tool in practice mode), IPAM (IP Address Management) software, and command-line tools like ipcalc on Linux. However, for certification exams (CCNA, Network+), you'll need to perform manual calculations quickly — which is exactly what this practice quiz helps you master.
Lay down a beat on a grid sequencer for kick, snare, and hi-hat. Play, loop, and adjust tempo. All sound via Web Audio API.
Play the classic Connect Four in your browser against a friend or CPU. Drop discs to get four in a row. Clean SVG board, local logic.
Practice CSS selectors by targeting plates on a virtual restaurant table. 30+ levels. Perfect for beginners.
Answer questions and see typical milestones for 0-5 years. Educational reference for parents. Not a diagnostic tool.
Create a basic Playwright script with browser launch, page navigation, and screenshot. Start E2E testing instantly.
Practice aligning grid items and tracks with the place‑items, align‑content, and justify‑content properties. Visual guide.
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Enjoy classic Tetris in your browser. Rotate, move, and drop tetrominoes. Clear lines and score. Fully local JavaScript.
Searchable table of well‑known TCP and UDP ports with their services. Check 80, 443, 3306, and many more.
See how align‑items: baseline works in grid to align different font sizes on the same baseline. Visual guide.
Structure your episode with timed segments. Includes call to action notes. Export as text.
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Register a one‑off background sync and see it fire when connectivity returns. Debug service worker sync logic.
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.
Simulate different cache strategies (Cache First, Network First, Stale‑While‑Revalidate) and see responses. Learn offline patterns.
Create a breadcrumb schema for your website. Fill in the pages and get the ready‑to‑paste JSON‑LD snippet for rich results.
Scroll a container and see how sticky elements behave. Adjust top, bottom, and scroll margins. Copy the code.
Paste a SQL CREATE TABLE statement and extract just the column names as a CSV header row. For data migration.
Keep track of stitches and rows for your knitting projects. Multiple counters with increase/decrease shortcuts. Data saved in your browser.
Paste CSV and get a list of SQL INSERT statements. Define table name and column mapping. All local conversion.
See a flag and pick the country among four choices. Timed rounds with score. Perfect for geography buffs. Local data.
Enter a domain and see public WHOIS info via a free API with rate limiting. Quick domain check.
Paste an SVG path d string and parse it into an array of commands and coordinates. Useful for animations.
Live cryptocurrency prices from public APIs. Clean ticker with percentage changes. Pure frontend, no account needed.
Record daily systolic/diastolic readings and pulse. See a trend chart. All data saved locally in your browser.
Start/stop timer per project to log hours. See daily and weekly totals. Data stays in localStorage. Export summary as CSV. No account needed.
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
A silhouette of a country appears; type the name. Timed guesses. Great for geography buffs.
Log the hours you slept each night and rate the quality. See a weekly bar chart. Local storage.
Paste an URL or HTML and see the h1‑h6 hierarchy as a tree. Detect skipped levels and improve accessibility. Client‑side.