Class Attendance Tracker - Online Log Present / Absent Percentage
Track attendance for multiple subjects. Mark present/absent and see percentage. Data in localStorage. Simple student tool.
UD5 Toolkit
Instantly check your device's battery level, charging state, and estimated time remaining — directly in your browser.
levelchange events when the battery level changes, but the frequency depends on your operating system's reporting intervals — usually every few percent. You can leave this page open; it will reflect changes automatically.
Track attendance for multiple subjects. Mark present/absent and see percentage. Data in localStorage. Simple student tool.
Calculate ingredient weights for pizza dough based on number of pizzas, size, and hydration level. Includes yeast amount. Local baker's tool.
Upload an MP4 video and extract only its audio track as an MP3 file. Quick and without server upload. Local processing.
Enjoy a random, algorithmically generated haiku. Nature or modern themes. Refresh for a new one. Simple beauty.
Interactive scale showing dB levels of everyday sounds with playable samples. Hearing safety.
Compress and decompress text using the browser's native Compression Streams API. See the binary output size.
Connect a game controller and see every button press, axis movement, and vibration test. Uses the Gamepad API.
Unified input demo: see pressure, tilt, and type from any pointer. Compare pointerType values. Essential for drawing apps.
Drag to resize a box and see the Resize Observer callback fire. Get contentRect and borderBoxSize. Learn the API.
Decode an image progressively using the ImageDecoder API. See partial results and metadata. Modern alternative to <img>.
Decode individual video frames from a local file using the VideoDecoder API. Step through frames. Cutting‑edge browser feature.
Write to shared storage and run a worklet to process data. Learn the privacy‑preserving alternative to third‑party cookies.
Experiment with the Federated Credential Management API. Simulate a sign‑in flow without third‑party cookies. Privacy‑first.
Register a one‑off background sync and see it fire when connectivity returns. Debug service worker sync logic.
Request HID devices and list them. Read input reports and send output. For custom hardware and controllers.
Read the ambient atmospheric pressure in hPa using the Pressure Sensor API (if available). Real‑time graph.
Request permission and detect when the user is idle (away from keyboard). See screen lock state. For native‑like apps.
Demonstrate how the Web OTP API automatically reads one‑time codes from SMS (mobile). Simulation with a fake SMS input.
Acquire and release locks across tabs. Prevent race conditions in IndexedDB or localStorage. Visual queue and lock state.
Schedule tasks with user‑visible, user‑blocking, or background priority. See execution order and delays. Modern web perf.
Connect a gamepad and see all button presses and axis movements visually. Check that every input is detected correctly.
Trigger different vibration patterns on mobile devices. Test if your phone supports haptic feedback. Simple demo.
Check notification permission, request it, and send a test notification. Verify icon, body, and tag. Debug web push.
Display your effective connection type (4g, 3g, etc.) and downlink speed using the Navigator API. Adapt your app accordingly.
Check current screen orientation and test the lock API. Useful for mobile web apps. Demo with code.
Test the new HTML popover attribute for creating accessible tooltips, menus, and dialogs without JavaScript. Copy code snippets.
See the View Transitions API in action. Cross‑fade and morph between two states. Copy the JavaScript starter code.
Experiment with the Async Clipboard API: read/write text and images from the clipboard. Verify permissions and see demo code.
Test the Web Share API by sharing text, links, and files directly from the browser. Check compatibility and see example code.
Enter an API URL and quickly check its HTTP status code and response time. See response headers and body. Browser fetch.