Family Fire Escape Plan – Online Draw & Print Floor Map
Simple grid canvas to sketch your home's layout and mark escape routes and meeting point. Print for practice. Local only.
UD5 Toolkit
Master three classic campfire structures — Teepee, Log Cabin, and Lean-to. Learn when to use each design, step-by-step building instructions, and essential safety tips for your next outdoor adventure.
Clear a 3-foot circle of all flammable debris. Create a shallow depression and surround it with rocks to contain the fire.
Place a generous handful of dry tinder (dried grass, bark shavings, cotton balls) in the center of your fire pit.
Lean 5-7 thin kindling sticks (~1 inch thick) against each other above the tinder, forming a cone shape. Leave a small gap on the windward side for airflow.
Gradually add thicker logs (2-4 inches) around the teepee frame as the fire grows. Maintain the cone shape for optimal airflow.
Clear your fire pit area and place a tinder bundle in the center. Use plenty of dry, fluffy material for easy ignition.
Place two thick logs (3-5 inches diameter) parallel to each other on either side of the tinder, about 12 inches apart.
Place two more logs perpendicularly on top of the first pair. Continue stacking 3-4 layers, creating a square "cabin" around the tinder.
Light the tinder through the gaps. As the fire establishes, the cabin structure will collapse inward, creating a bed of hot coals.
Drive two sturdy forked sticks into the ground about 3 feet apart. Lay a horizontal crossbar between them at knee height.
Place your tinder bundle under the crossbar. Arrange small kindling sticks leaning against the crossbar at a 45-60° angle.
Layer progressively larger sticks and logs against the crossbar, forming a sloped wall. Face the lean-to into the wind for best results.
Light the tinder from beneath the lean-to. The flame will rise through the stacked wood, and the structure shields the fire from wind.
| Feature | Teepee | Log Cabin | Lean-to |
|---|---|---|---|
| Ease of Lighting | Very Easy | Moderate | Easy |
| Burn Duration | 30-60 minutes | 2-4 hours | 1-2 hours |
| Coal Quality | Fair | Excellent | Good |
| Wind Resistance | Low | Moderate | High |
| Best Use Case | Quick cooking, boiling water | Long campfires, group warmth | Windy conditions, directional heat |
| Wood Consumption | Low-Medium | High | Medium |
Simple grid canvas to sketch your home's layout and mark escape routes and meeting point. Print for practice. Local only.
Enter a sheet size and a list of rectangles. The tool tries to arrange them efficiently to minimize waste, showing a visual layout.
Build a comic page by arranging resizable panels on a grid. Export as a printable outline to sketch your story.
Design a custom keyboard layout and save it as an image to help learn touch typing on a custom keymap. Supports ANSI, ISO, and ortho layouts.
Enter a URL and apply a custom CSS grid overlay to check alignment. A quick frontend design tool for verifying column placement and baseline grids.
Type on your QWERTY keyboard and see the text as if you were on a Dvorak layout. Helps learn Dvorak without switching.
Learn to aim a signal mirror by aligning a virtual finger and target. Simulates the retro‑reflective mesh technique. Practice before you need it.
Arrange pre‑drawn comic panels into a strip. Add speech bubbles. Export as image. Fun for kids.
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Calculate number of charcoal briquets for Dutch oven cooking temp. Also includes multi-stage cooking time.
Visualize random-width plank layout and calculate total square footage plus waste for hardwood or laminate flooring.
Learn to tie essential knots with step-by-step animated diagrams. Includes bowline, square knot, clove hitch, and more. Pure CSS/JS animation.
Place rectangular pattern pieces on a virtual fabric width to optimize cutting layout and reduce waste. Simple manual drag & drop. Local only.
Interactive checklist to build an emergency go-bag. Covers water, food, first aid, tools, documents. Track progress locally. Essential for disaster preparedness.
Float an image and wrap text around a non‑rectangular shape. Adjust shape‑margin. Copy the CSS. For magazine‑style web.
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
Use named grid lines instead of column numbers. See how they simplify placement. Visual, interactive learning.
Set column‑count, gap, and rule, and see a multi‑column text layout. Copy the minimal CSS. For magazine designs.
Build the same layout with both Grid and Flexbox side by side. See the code differences and visual results.
Add rows and columns, merge cells, and set gaps visually. Get the grid‑template CSS and HTML. Fast layout prototyping.
Toggle contain: strict, content, paint, layout and see how it affects rendering. Understand isolation for faster pages.
Align card elements across rows using CSS subgrid. See how headers and footers align vertically. Future of CSS layout.
Paste long text and split it into 2, 3, or 4 balanced CSS columns. Preview and copy HTML/CSS. For magazine layouts.
Create a multi‑column text layout with adjustable column count, gap, and rule. Copy the CSS. Elegant reading experience.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
Design a crystal grid by placing crystals on a sacred geometry template. Add notes. Screenshot your layout. Spiritual/art.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
Visually experiment with Flexbox container and item properties. See the layout update in real time and copy the CSS. Learn by doing, fully interactive.
Create photo collages by arranging multiple images on a canvas. Select grid templates or freeform placement. Export as single image. Secure local processing.