All HTML guides

Put your barber price list on one web page and open it from a QR code at the chair. A copyable example, an AI prompt, and a price change without reprinting.

Put your massage rates, session lengths, add-ons and cancellation policy on one web page and share a single link. A page to copy, an AI prompt and a checklist.

Put your cleaning services and starting prices on one page, send the link with each enquiry, and change a price once instead of resending files.

Make a one-page property brochure with price, features and your contact details, then share it as a link. Photos and virtual tours stay as links. Copy the page.

A real estate flyer template as one web page: price, photos, open house times and contact, opened from a QR code on the sign. Copy it or ask an AI.

Make an open house flyer with a QR code that opens one page of photos, details and agent contact. A copyable page, an AI prompt and a print check.

A single property website is one page for one home: details, rooms, a map link and a viewing request, shared as one URL. A page to copy, an AI prompt, fixes.

Build an Airbnb welcome guide as one web page: wifi, getting in, checkout and local tips. Get it to guests with a link or QR code, and fix it in one place.

A church bulletin template you build once with AI and share as a link. Each week you change a few marked lines, and the same link shows the new bulletin.

Put your weekly church bulletin online as one web page and send a single link by email or message. No sign-up form, no app. Fix it later and the link stays.

Two church newsletter templates you can copy, a prompt that has an AI fill them in, and how to send the finished page as one link members open on a phone.

An order of worship template built as one web page. Change the hymns, readings and notices each week, and the QR code in the pews keeps working. Try it.

A travel itinerary template as one shareable page: times for each day, linked maps and a booking list. Copy the example, build yours with AI, send it as a link.

Put a group trip itinerary on one page for your team or clients, send one link, and fix a time or meeting point yourself. No shared-edit mode, no resending.

A travel agent itinerary template as one web page: days, times, hotels, what is included. A page to copy, an AI prompt, and how to send it as a link.

Make a tour package brochure as one web page with packages, departure dates and prices, then answer every enquiry with a link. Free example, AI prompt, fixes.

A product catalog template for makers: products, case sizes and wholesale prices as text on one page. Make it with AI, then send buyers a link.

A free line sheet template as one web page: styles, wholesale and retail prices, minimums. Copy it, fill in your products, and send stockists one link.

Write a holiday hours notice once as a web page, link it from your social profiles, and change a date by ticking a box. A copy-ready page and an AI prompt.

Make a one page website for a small business with hours, services and contact on a single page. An AI prompt, a copyable example, and a link you can edit.

Build a nursing portfolio as one web page: clinical rotations, certifications and skills, with no patient data. Free, with AI help, as one link to send.

Write a one-page pitch (who you are, what you did, what you want) as a web page and send it as a link after an interview. Free example and AI prompt.

A social media proposal template as a page: packages, a month-one content plan and pricing in one place. Make it with AI and send the client one link.

Turn a workshop handout into a link that opens on any phone or laptop and stays current. Make it with AI, check it, and share one address, not files.

A training guide template as a web page: outcomes, numbered steps, tick-off checklists and a practice task. Live example, an AI prompt, one link to send.

A user guide template for the tool only you know well: a page to copy with tasks, steps and fixes, an AI prompt to fill it in, and one link colleagues can open.

A wedding timeline template with a time, a place and an owner on every row. Share it as one link with the wedding party and vendors, and fix it in one place.

Make a class reunion website as one page with the date, venue, cost and a contact. Copy a ready page, ask an AI for yours, and send classmates a link.

Build a vacation rental guide as one web page with house rules, wifi and local tips. Make it with AI, then send guests a single link when they book.

Build a digital clock in JavaScript in one HTML file: the smallest working code, how each line works, 12-hour and alarm versions, common mistakes and a share link.

Build an analog clock with HTML, CSS and a little JavaScript. Live examples, the hand-angle formulas, a fix for the backward-spinning second hand, and a share link.

Copy to clipboard with JavaScript in one HTML file: a working example, the fallback, formatted copy, the click rule, React and console notes, and fixes.

Build infinite scroll in JavaScript with one HTML file and no library: the smallest working version, how it works, common mistakes, and how to share it as a link.

Lazy loading images in HTML takes one attribute: loading="lazy". Live examples, a script version for CSS backgrounds, and the mistakes that undo it.

A typing effect in CSS needs one HTML file and no JavaScript. Live examples, the CSS explained line by line, the usual mistakes, and how to share it as a link.

Pagination in JavaScript is one slice and one subtraction. Live examples with page numbers and a table, the bugs to avoid, and how to share the page as a link.

Build a weather app with JavaScript in one HTML file: build the API URL, fetch, check the answer, show it. Live examples, the code to copy and the usual fixes.

Tic tac toe in JavaScript, start to finish: a working game in one HTML file, how each part works, the bugs that break it, and how to share it as a link.

Build rock paper scissors in JavaScript inside one HTML file: the smallest working code, how each line works, the common mistakes, and how to share it as a link.

Build a random quote generator in one HTML file with an array, Math.random and a button. Live examples, a no-repeat fix, and when you can skip a quote API.

Build a color picker in JavaScript in one HTML file: the smallest working version, a custom picker with hex, copy and eyedropper, and a link to share it.

Build a currency converter in JavaScript inside one HTML file: a rates table, two dropdowns, one formula, Intl formatting, live examples and the mistakes to avoid.

Build a unit converter in JavaScript in one HTML file: working code, why a base unit beats pairs, temperature, a currency version, common bugs, and a share link.

Build an expense tracker in JavaScript in one HTML file: add, list, total and delete, with money kept in whole cents. Live examples, full code, common fixes.

Build a pomodoro timer in JavaScript in one HTML file: the smallest working version, the focus and break cycle, the mistakes that lose time, and a share link.

Try Array.map in two live HTML demos. Build product price cards, inspect returned values, and avoid the common mistake.

Try Array.filter in two live HTML demos. Build available product picker, inspect returned values, and avoid the common mistake.

Try Array.reduce in two live HTML demos. Build shopping cart total, inspect returned values, and avoid the common mistake.

Try Array.sort in two live HTML demos. Build numeric price sorting, inspect returned values, and avoid the common mistake.

Try String.split in two live HTML demos. Build comma-separated tag chips, inspect returned values, and avoid the common mistake.

Try String.replace in two live HTML demos. Build first welcome-message placeholder, inspect returned values, and avoid the common mistake.

Try String.replaceAll in two live HTML demos. Build complete badge-message update, inspect returned values, and avoid the common mistake.

Try String.trim in two live HTML demos. Build pasted team-name cleanup, inspect returned values, and avoid the common mistake.

Try Object.keys in two live HTML demos. Build editable settings fields, inspect returned values, and avoid the common mistake.

Try Object.entries in two live HTML demos. Build labeled department budget rows, inspect returned values, and avoid the common mistake.

Try Number.parseInt in two live HTML demos. Build imported seat count, inspect returned values, and avoid the common mistake.

Try Number.toFixed in two live HTML demos. Build two-decimal price display, inspect returned values, and avoid the common mistake.

Try optional chaining in two live HTML demos. Build optional booking contact, inspect returned values, and avoid the common mistake.

Try destructuring in two live HTML demos. Build booking summary fields, inspect returned values, and avoid the common mistake.

Try spread in two live HTML demos. Build independent preferences preview, inspect returned values, and avoid the common mistake.