UD5 Toolkit
Simple Time Tracker - Online Project & Task Hours Logger
Start/stop timer per project to log hours. See daily and weekly totals. Data stays in localStorage. Export summary as CSV. No account needed.
Podcast Episode Planner – Online Intro, Segments, Outro
Podcast Episode Planner
Plan your perfect episode structure — intro, segments, and outro — with smart time tracking.
Episode Details
Episode Segments
Total Episode Length
0:00:00
Frequently Asked Questions
A podcast episode planner helps you structure your show into clear sections — an intro, main content segments, ad breaks, and an outro. It keeps your episode organized and ensures you stay within your desired total runtime.
Most successful podcasts keep the intro between 30 seconds and 2 minutes. It should quickly hook listeners, introduce the topic, and let them know what to expect — without losing momentum.
Planning segments keeps your content focused, prevents rambling, and makes editing easier. It also helps you balance different types of content (e.g., interviews, storytelling, calls to action) for a better listener experience.
Yes — use the up/down arrows next to each segment to quickly reorder your episode flow. The total time updates automatically.
Click the “Copy Outline” button to copy a formatted text version of your episode structure (including titles, descriptions, and timings) straight to your clipboard — ready to paste into your notes or show doc.
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.
Sleep Log Tracker - Online Record Hours & Quality
Log the hours you slept each night and rate the quality. See a weekly bar chart. Local storage.
Knitting Stitch Counter & Row Progress Tracker
Keep track of stitches and rows for your knitting projects. Multiple counters with increase/decrease shortcuts. Data saved in your browser.
Developmental Milestones Quiz – Online Ages & Stages Fun
Answer questions and see typical milestones for 0-5 years. Educational reference for parents. Not a diagnostic tool.
Breadcrumb Structured Data Generator - Online JSON‑LD
Create a breadcrumb schema for your website. Fill in the pages and get the ready‑to‑paste JSON‑LD snippet for rich results.
Heading Structure Visualizer - Online Document Outline Check
Paste an URL or HTML and see the h1‑h6 hierarchy as a tree. Detect skipped levels and improve accessibility. Client‑side.
HTML Headings Outline Generator - Online From Webpage
Enter a URL and see a nested list of all headings (h1‑h6). Check your document structure for SEO and accessibility. Pure fetch.
Blood Pressure Log - Online Track & Chart Readings
Record daily systolic/diastolic readings and pulse. See a trend chart. All data saved locally in your browser.
Week Number & Start/End Dates - Online ISO 8601
Enter any date and get its ISO week number, plus the start and end dates of that week. Quick reference.
Date Calculator - Online Add & Subtract Days, Weeks, Months
Add or subtract days, weeks, and months to find a future or past date. Also compute duration between two dates. Essential for project planning.
Base58 Encoder & Decoder - Online Bitcoin-Style Address Tool
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
TCP/UDP Port List - Online Common Service Reference
Searchable table of well‑known TCP and UDP ports with their services. Check 80, 443, 3306, and many more.
WHOIS Domain Lookup – Online Simple Registration Check
Enter a domain and see public WHOIS info via a free API with rate limiting. Quick domain check.
CSS Baseline Grid Overlay - Online Typography Rhythm
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Mood Color Journal - Online Track Days with Hues
Pick a color for each day's mood and see a month‑at‑a‑glance heatmap. Data stored locally. A private emotional log.
Tetris Game - Online Classic Block Puzzle
Enjoy classic Tetris in your browser. Rotate, move, and drop tetrominoes. Clear lines and score. Fully local JavaScript.
Time Between Dates Calculator - Online Years, Months, Days Count
Calculate exact elapsed time between two dates in years, months, weeks, and days. Countdown or time already passed. Simple, visual, and local.
Virtual Corkboard - Online Sticky Notes & Memos
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.
CSS Grid Overlap Demo - Online Layered Layout Techniques
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Subnetting Practice Quiz - Online CIDR & IP Drills
Randomly generated subnetting questions. Calculate network address, broadcast, and usable range. For CCNA prep.
Connect Four - Online PvP & AI Board Game
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.
Image to SVG Path - Online Trace Bitmap to Vector
Convert a simple black and white image into an SVG path using edge detection. Extract vector outlines. Local canvas processing.
SSML Marker Demo - Online TTS Events & Highlights
Use SSML <mark> tags to fire events during TTS. See text highlighted as it is spoken. Understand speech synthesis timing. local.
Service Worker Cache Strategy Tester - Online Simulator
Simulate different cache strategies (Cache First, Network First, Stale‑While‑Revalidate) and see responses. Learn offline patterns.
Playwright Test Skeleton - Online Script Boilerplate
Create a basic Playwright script with browser launch, page navigation, and screenshot. Start E2E testing instantly.
Background Sync API Tester - Online Offline Queue
Register a one‑off background sync and see it fire when connectivity returns. Debug service worker sync logic.
CSS Grid Alignment Playground - Online Place & Align Tracks
Practice aligning grid items and tracks with the place‑items, align‑content, and justify‑content properties. Visual guide.
Hex Color Clock - Online Time Displayed as Background Color
Every second, the background color changes to the hex code corresponding to the current time (HHMMSS). A beautiful, ever‑changing clock.
SVG Path D to Array – Online Extract Coordinates
Paste an SVG path d string and parse it into an array of commands and coordinates. Useful for animations.