Flooring Layout Planner – Online Stagger Pattern & Waste Calc
Visualize random-width plank layout and calculate total square footage plus waste for hardwood or laminate flooring.
UD5 Toolkit
Eisenhower Matrix & Impact Effort Grid — organize, prioritize, and conquer your tasks
The Eisenhower Matrix (also called the Urgent-Important Matrix) is a time management framework that helps you prioritize tasks based on their urgency and importance. It divides tasks into four quadrants: Do First (urgent & important), Schedule (important but not urgent), Delegate (urgent but not important), and Don't Do (neither urgent nor important). Named after U.S. President Dwight D. Eisenhower, it's a powerful tool for focusing on what truly matters.
The Impact Effort Grid (also known as the Priority Matrix or Value vs. Complexity matrix) evaluates tasks based on their potential impact and the effort required. The four quadrants are: Quick Wins (high impact, low effort), Major Projects (high impact, high effort), Fill-Ins (low impact, low effort), and Thankless Tasks (low impact, high effort). It's widely used in product management, project planning, and personal productivity to identify the most rewarding work.
Using this tool is simple: 1) Choose your preferred matrix (Eisenhower or Impact Effort) using the toggle buttons at the top. 2) Add tasks using the input form — select which quadrant the task belongs to. 3) Drag and drop tasks between quadrants as priorities change. 4) Click the circle icon on any task to mark it complete. 5) Use the three-dot menu on each task to move it to another quadrant or delete it. Your data is automatically saved in your browser.
The key difference lies in the evaluation criteria. The Eisenhower Matrix uses urgency and importance (time-sensitive vs. goal-aligned), making it ideal for daily task management and overcoming procrastination. The Impact Effort Grid uses impact and effort (value delivered vs. resources required), making it better suited for strategic planning and resource allocation. Both help you focus, but from different angles — use whichever fits your current needs, or switch between them anytime.
Ask yourself two questions based on the matrix you're using. For Eisenhower: "Is this task urgent?" (does it have a deadline or immediate consequence?) and "Is this task important?" (does it align with long-term goals?). For Impact Effort: "How much value will this task create?" and "How much time, energy, or resources will it consume?" Be honest — sometimes a task feels urgent but isn't truly important, or seems high-effort but is actually straightforward.
Yes! All tasks are automatically saved to your browser's localStorage. This means your data persists even if you close the tab or restart your browser. Data is stored separately for each matrix view (Eisenhower and Impact Effort). Note that clearing your browser data or using incognito/private mode will remove saved tasks. No data is sent to any server — everything stays on your device.
Do First (Urgent & Important): Crisis management, deadline-driven projects, health emergencies, last-minute client requests.
Schedule (Not Urgent & Important): Strategic planning, skill development, relationship building, exercise, long-term goal work.
Delegate (Urgent & Not Important): Routine emails, scheduling meetings, data entry, some administrative tasks.
Don't Do (Not Urgent & Not Important): Mindless scrolling, excessive TV, busywork with no real value, unnecessary perfectionism.
Absolutely. Use the "Copy Summary" button to copy a structured text summary of your current matrix to the clipboard — perfect for pasting into notes, emails, or project trackers. You can also use your browser's print function (Ctrl+P / Cmd+P) to print the matrix directly. For best print results, use the Eisenhower or Impact Effort view you want before printing.
Visualize random-width plank layout and calculate total square footage plus waste for hardwood or laminate flooring.
Divide your day into blocks with color codes. Drag tasks into slots. See free time at a glance.
Fill in daily work hours and tasks, and generate a printable PDF timesheet. Clean, professional layout. Local.
Start recording and watch for Long Tasks that block the main thread. See task duration and attribution. Improve Interaction to Next Paint.
Build <link> tags for preload, prefetch, preconnect, and dns‑prefetch. Improve page load speed with correct priorities. Copy the optimized HTML.
Run a CPU‑heavy calculation (e.g., prime numbers) in a Web Worker and see the UI stay responsive. Code snippet provided.
Create half‑hour time blocks for your day. Drag to resize and reorder. Export as image. All local.
Convert units of force: Newton, kilonewton, pound-force, dyne. Handy for physics homework and engineering. Private, no upload.
Set up resources and processes and run the Banker's algorithm to check for safe states. Classic OS deadlock avoidance demo.
Try the experimental masonry layout in CSS Grid (enabled via flag). See how items flow. Copy the code. For cutting‑edge browsers.
Create CSS animations and transitions without coding. Define keyframes, easing, and duration. Copy the @keyframes and animation code instantly.
Create multi‑step keyframe animations by adding stops and properties. Play and pause. Copy the complete CSS. Intuitive UI.
Paste a corpus of text and generate new random sentences that mimic the style using Markov chains. Local only.
Demonstrate how to yield heavy computation to user input using the isInputPending API. Keep UI responsive.
Paste a git log and generate a polished changelog grouped by type (feat, fix, etc.). Follows Keep a Changelog format. Local.
Build a responsive masonry layout using the column‑count property. No JavaScript. Copy the minimal CSS.
Enter a hexadecimal string and decode it as a 32‑bit or 64‑bit floating‑point number. Low‑level developer tool.
Repeat the growing color sequence. How far can you go? Classic memory game with sound and animations.
Toggle browser‑generated bold and italic when a real italic is missing. Understand and control font fallback rendering.
Enter a cron expression and get a plain English description of when it runs. Understand complex schedules instantly. Developer friendly.
Take a normal sentence and reverse the word order. Sound like Yoda or just play with language.
Paste Pug template code and compile it to HTML. See the rendered output instantly. For static site devs.
Decode Base64 encoded strings back into viewable images and download them as PNG. Useful for debugging APIs and data URIs. Secure local processing.
Click for an endless stream of random dad jokes and puns. Copy and share. Guaranteed to make you groan. All local.
Use your microphone to dictate text and see it appear live. Also upload an audio file for basic transcription. All local.
Use your microphone to dictate text and see it appear live. Also upload an audio file for transcription (limited). All local.
Use the document.fonts API to check if a font is loaded. Watch the ready promise. Avoid FOUT. JavaScript demo.
Re‑order words to sound like Master Yoda. Not perfect, but amusing, this tool is. Local and quick.
Spin a colorful wheel that lands on Yes, No, or custom answers. Includes sound effects and adjustable probability. Local fun decision maker.
Flip a coin with adjustable bias (e.g., 70% heads). Used for random decision-making when you want to gently influence outcomes. History & stats shown.