Daily Time Block Planner - Online Visual Schedule
Create half‑hour time blocks for your day. Drag to resize and reorder. Export as image. All local.
UD5 Toolkit
Build and preview your cron schedule. Enter a cron expression to see the next 10 execution times in your local timezone.
| # | Next Run (local time) | In... |
|---|---|---|
| Enter a valid cron expression to preview | ||
*/5 * * * *. The */5 in the minute field means “every 5 minutes”. You can also use the presets dropdown to try common patterns.0 0 29 2 * — only Feb 29). The tool searches ahead by up to ~1.9 years of minutes. If a run is too far in the future, it may not appear. Try a more frequent pattern or ensure the date is reachable.*), they act as an OR — the job runs if either condition matches. If only one is set, that condition applies exclusively.Create half‑hour time blocks for your day. Drag to resize and reorder. Export as image. All local.
Describe cron schedule expressions in plain English and test future execution times. Indispensable for DevOps and backend developers. Local analysis.
Enter a cron expression and get a plain English description of when it runs. Understand complex schedules instantly. Developer friendly.
Create multi‑step keyframe animations by adding stops and properties. Play and pause. Copy the complete CSS. Intuitive UI.
Fill in daily work hours and tasks, and generate a printable PDF timesheet. Clean, professional layout. Local.
Demonstrate how to yield heavy computation to user input using the isInputPending API. Keep UI responsive.
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Fill in a component name and generate a complete Stencil.js component with TSX, CSS, and test files. Quick start.
Acquire and release locks across tabs. Prevent race conditions in IndexedDB or localStorage. Visual queue and lock state.
Simulate different cache strategies (Cache First, Network First, Stale‑While‑Revalidate) and see responses. Learn offline patterns.
Build a responsive masonry layout using the column‑count property. No JavaScript. Copy the minimal CSS.
Toggle browser‑generated bold and italic when a real italic is missing. Understand and control font fallback rendering.
Start recording and watch for Long Tasks that block the main thread. See task duration and attribution. Improve Interaction to Next Paint.
Paste a corpus of text and generate new random sentences that mimic the style using Markov chains. Local only.
Take a normal sentence and reverse the word order. Sound like Yoda or just play with language.
Toggle scrollbar‑gutter: stable to reserve space for the scrollbar and avoid content jumps. Visual demo with two columns.
Paste a git log and generate a polished changelog grouped by type (feat, fix, etc.). Follows Keep a Changelog format. Local.
Break a large block of text into a numbered list of sentences. Useful for analysis or translation. Local processing.
Generate a plausible technical blog post title. Useful for practice writing or placeholder content. All local.
Type on your QWERTY keyboard and see the text as if you were on a Dvorak layout. Helps learn Dvorak without switching.
Add a warm, orange light leak to your photo for a vintage film look. Adjust intensity and angle. Instant download.
Drag pie slices to represent fractions and see them added together. Great for visual learners.
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
Add multiple CSS filters (grayscale, blur, hue‑rotate) to an image. See the combined effect. Copy the CSS filter value.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Construct a CSS‑only carousel with scroll‑snap and scroll‑driven animations. Configurable gap, items, and progress indicator. Copy the HTML/CSS.
Connect oscillators, gain nodes, and filters with a visual graph. Hear the result in real time. Learn Web Audio interactively.
Create complex linear gradients with any number of color stops, exact angles, and length units. Live preview and CSS code.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.