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.
UD5 Toolkit
Use SSML <mark> tags to fire events during TTS. See text highlighted as it is spoken. Understand speech synthesis timing. local.
Scroll a container and see how sticky elements behave. Adjust top, bottom, and scroll margins. Copy the code.
Generate a CSS background that shows a baseline grid. Adjust line‑height and offset. Perfect for aligning text.
Create a breadcrumb schema for your website. Fill in the pages and get the ready‑to‑paste JSON‑LD snippet for rich results.
Enjoy classic Tetris in your browser. Rotate, move, and drop tetrominoes. Clear lines and score. Fully local JavaScript.
Place multiple grid items into the same cells to create overlapping layouts. Learn the technique visually. Copy code.
Practice aligning grid items and tracks with the place‑items, align‑content, and justify‑content properties. Visual guide.
Enter a URL and see a nested list of all headings (h1‑h6). Check your document structure for SEO and accessibility. Pure fetch.
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.
See how align‑items: baseline works in grid to align different font sizes on the same baseline. Visual guide.
Pick a color for each day's mood and see a month‑at‑a‑glance heatmap. Data stored locally. A private emotional log.
Paste an URL or HTML and see the h1‑h6 hierarchy as a tree. Detect skipped levels and improve accessibility. Client‑side.
Answer questions and see typical milestones for 0-5 years. Educational reference for parents. Not a diagnostic tool.
Structure your episode with timed segments. Includes call to action notes. Export as text.
Practice CSS selectors by targeting plates on a virtual restaurant table. 30+ levels. Perfect for beginners.
Create a basic Playwright script with browser launch, page navigation, and screenshot. Start E2E testing instantly.
Start/stop timer per project to log hours. See daily and weekly totals. Data stays in localStorage. Export summary as CSV. No account needed.
Randomly generated subnetting questions. Calculate network address, broadcast, and usable range. For CCNA prep.
Calculate exact elapsed time between two dates in years, months, weeks, and days. Countdown or time already passed. Simple, visual, and local.
Add or subtract days, weeks, and months to find a future or past date. Also compute duration between two dates. Essential for project planning.
Log the hours you slept each night and rate the quality. See a weekly bar chart. Local storage.
Live cryptocurrency prices from public APIs. Clean ticker with percentage changes. Pure frontend, no account needed.
Simulate different cache strategies (Cache First, Network First, Stale‑While‑Revalidate) and see responses. Learn offline patterns.
Every second, the background color changes to the hex code corresponding to the current time (HHMMSS). A beautiful, ever‑changing clock.
Searchable table of well‑known TCP and UDP ports with their services. Check 80, 443, 3306, and many more.
Encode or decode data to/from Base58 (Bitcoin alphabet). Useful for cryptocurrency address generation testing. Fully local, no data sent.
Convert numbers between binary, octal, decimal, and hexadecimal bases. See real-time conversion as you type. Clean and simple programmer utility.
Find the three‑letter currency code (USD, EUR, JPY) for any country. Also lists currency symbol and name. Static.
A silhouette of a country appears; type the name. Timed guesses. Great for geography buffs.