HTML guides

Short, practical answers about HTML files — how to hand one to another person, why one refuses to open, and what the words inside it mean. 738 published so far, with one more added every hour.

Sharing HTML (136)

Turning a finished page into an address other people can open.

share html file

How to share an HTML file

Six ways to share an HTML file, ranked by whether the reader sees the page. Why the file comes last, the 4-step link route, and a pre-send checklist.

share dashboard

How to share an HTML dashboard as a link

How to share an HTML dashboard so the numbers stay current: one address, a timestamp on the page, one column on a phone, and updates without resending.

html presentation

HTML presentation: sharing a deck that opens anywhere

An HTML presentation is one small file with real text and your styling. Distribution is the hard part: what to change for a phone and a projector.

share html report

How to share an HTML report as a link

How to share an HTML report as one link: findings first, anchors to each section, history without copies, and corrections without a v2 email.

html invitation template

An HTML invitation template that guests open on a phone

An HTML invitation template built for a phone: an unambiguous date, a tappable address, a calendar file, a preview card, and one page to change.

html portfolio template

An HTML portfolio template that opens in seconds

An HTML portfolio template that loads fast: image weight, the right formats, lazy-loading below the fold, and one address that survives new work.

resume to pdf online

How to turn a resume into a PDF online

Turn a resume page into a PDF that keeps its layout and its clickable links. Print rules, page breaks, and what applicant systems read.

html charts without javascript

HTML charts without JavaScript, and how to share them

HTML charts without JavaScript: a bar chart in fourteen lines of CSS, when SVG is the right tool, the accessibility details, and one address to send.

sortable html table

A sortable HTML table that reads on a phone

A sortable HTML table in a few lines, with tabular numbers, real table markup, phone-first scrolling, and the limit of editable cells in a file.

html calculator code

HTML calculator code, and where it stops working

HTML calculator code in thirty lines, plus the places a calculator stops computing: pasted documents, PDFs, screenshots. How to pre-fill it from the link.

html form to email

HTML form to email, and the three other places answers can go

Sending an HTML form to email is one of four receivers, and the weakest on phones. What each option costs and the field details that get forms completed.

html timeline template

An HTML timeline template that stays current

An HTML timeline template built vertically for phones, with the current item marked, future dates coarsened, and one address that survives a date moving.

how to share html file as a link

How to share an HTML file as a link

Turn an HTML file into one address anyone can open. The four steps, what a drive link does instead, and the checks to run before you send.

how to share local html file as a link

How to share local HTML file as a link

A file:// address only works on your machine. How to move a local HTML file to a real address, and how to carry its images and styles with it.

how to share html code as a link

How to share HTML code as a link

You have markup on the clipboard and no file. How to turn HTML code into a link, and how to choose between a link that renders and one that shows source.

how to share website link

How to share an HTML website link

A page needs an address before it has a link. How to get one for an HTML site, what to check on the link itself, and how to keep it working after edits.

how to share html page on whatsapp

How to share an HTML page on WhatsApp

WhatsApp opens links, not HTML files. How to give your page an address, what the preview card needs, and why the document route stalls on a phone.

how to send file in whatsapp

How to send an HTML file in WhatsApp

Attaching an HTML file in WhatsApp works, but the phone at the other end usually cannot open it. What the reader sees, and the route that does work.

how to send html file in outlook

How to send an HTML file in Outlook

Three routes for an HTML file in Outlook: attach it, put it in the body, or send a link. What each does to the page, and which one the reader can open.

how to send website to someone

How to send an HTML website to someone

Send the address, not the folder. How to get a site served, what to write alongside the link, and how to handle a multi-file site or an offline reader.

how to send someone html file

How to send someone HTML file content

Mail filters, desktop handlers and phones each stop an HTML file for different reasons. What to send instead, and when the file is still the right answer.

how to send html email gmail

How to send an HTML email Gmail will render properly

Gmail compose has no raw HTML field. How to get formatted content into a message, what mail renderers remove, and when to send a link instead.

how to send html email in outlook

How to send an HTML email in Outlook

Insert an HTML file as text in classic Outlook for Windows, or send the page as a link. What Outlook rewrites, and how to check the result before sending.

how to send html newsletter in gmail

How to send an HTML newsletter in Gmail

Gmail has no HTML import button. Paste the rendered page, or send a link. What Gmail clips, what it strips, and how to test before the list goes out.

send raw html email

How to send raw HTML email

Raw HTML in a message body arrives as code unless the mail is sent as text/html. The three routes that work, and when a link is the better answer.

can i host html on google drive

Can I host HTML on Google Drive?

Google Drive retired web hosting in 2016. What happens when you upload an HTML file now, why the share link shows code, and the routes that do work.

host html on sharepoint

How to host HTML on SharePoint

An HTML file in a SharePoint library is stored, not served as a page. What the Embed and File viewer parts do, and the route that renders the page.

host html in confluence

How to host HTML in Confluence

Confluence Cloud has no built-in HTML macro. What the iframe and marketplace options give you, and how to get a rendered page into a space without one.

host html on vercel

How to host HTML on Vercel

Vercel serves a folder of static files at an address with no build config. The CLI route, the Git route, and when a deploy is more than a page needs.

host html on netlify

How to host HTML on Netlify

How to host HTML on Netlify by dragging a folder, what the generated address gives you, and where re-uploading for every edit stops being worth it.

host html on cloudflare

How to host HTML on Cloudflare

Host HTML on Cloudflare with Pages direct upload or a Git connection. What the pages.dev address gives you, and when a document is the shorter route.

host html github pages

Host HTML GitHub Pages: repository, branch, address

How to host HTML on GitHub Pages from a repository branch, why underscored folders vanish, and when a repo is more machinery than a single page needs.

how to host a single html file

How to host a single html file

Four ways to host a single HTML file, what each asks of you, and the checks that decide whether the page survives once it leaves your folder.

host game online

How to host a game online

Put a browser game at an address so players tap once and play. What hosting needs, what it costs, and what a static page cannot do.

where can i host html for free

Where can I host HTML for free

The free ways to put an HTML page at an address, what each one asks of you, and the cost that shows up on the second version rather than the first.

free html file hosting

Free HTML file hosting, compared

What free HTML file hosting actually provides, the four routes worth considering, and the checks that decide whether your page survives the move.

free static html hosting

Free static html hosting explained

What static hosting does and does not do, the limits that surprise people, and how to tell whether your page needs a host or an editable address.

how to publish a html page on the internet

How to publish a html page on the internet

What publishing a page actually requires, four routes that work, and how to decide whether the page should be findable in search or only by link.

how to publish html file to web

How to publish an HTML file to the web

Four ways to publish an HTML file to the web, what each asks of you, and the checks that decide whether the page arrives whole for the reader.

publish html report jenkins

Publishing the HTML report a Jenkins build produces

How to publish an HTML report in Jenkins with the HTML Publisher plugin, why the report loses its styling, and how to share it with people outside Jenkins.

publish html report azure devops

Publishing the HTML report an Azure DevOps pipeline produces

Why an HTML report published as a pipeline artifact downloads instead of rendering, the options that do display it, and how to share it outside DevOps.

how to deploy html website on netlify without github

How to deploy an HTML website on Netlify without GitHub

Two ways to deploy an HTML website on Netlify without GitHub: drag the folder onto Netlify Drop, or deploy from the CLI. Plus what updates cost.

how to deploy html css js website for free

How to deploy an HTML, CSS and JS website for free

Five free ways to deploy an HTML, CSS and JS website, with what each one asks for first. Drag and drop, CLI, repository, and the one-paste route.

can i upload html to notion

Can I upload HTML to Notion?

You can import an HTML file into Notion, but it becomes Notion blocks, not a rendered page. The three routes, what each keeps, and what to do instead.

can i post html on facebook

Can I post HTML on Facebook?

Facebook posts take plain text, so HTML cannot be posted directly. Put the page at an address, add Open Graph tags, and post the link as a preview card.

embed html link in powerpoint

How to embed an HTML link in PowerPoint

How to embed an HTML link in PowerPoint, when to use the Web Viewer add-in instead, and why a screenshot on the slide plus a link is the reliable pairing.

embed link in outlook email

How to embed an HTML link in an Outlook email

How to embed an HTML link in an Outlook email, why a live page cannot sit inside the message, and the Insert as Text route when HTML is the email itself.

convert html to word

How to convert HTML to Word

Four ways to convert HTML to Word, from opening the file directly to running pandoc. What each keeps, what it drops, and when to send a link instead.

convert word to html

How to convert Word to HTML

The routes that convert Word to HTML, why Save as Web Page produces thousands of lines, and how to get clean markup with images that travel with the file.

word to html email

How to turn a Word document into an HTML email

How to turn a Word document into an HTML email, why the exported markup fails in mail clients, and the table and inline style rules that actually hold up.

word to html table

How to convert a Word table to an HTML table

Turn a Word table into an HTML table without the fixed widths and Office markup. Three routes, the header row fix, and how to make it fit a phone.

convert html to google doc

How to convert HTML to a Google Doc

Upload the file to Drive and open it with Google Docs, or paste from a browser. What each route keeps, why charts arrive blank, and when to keep the page.

convert html to google slides

How to convert HTML to Google Slides

Google Slides has no HTML import. The routes that work are images per section, a PowerPoint file to import, or keeping the page and linking from a slide.

html to google sheets

How to get an HTML table into Google Sheets

Move a table from a page into a spreadsheet. The import function, paste behaviour, and what breaks when the table is built for layout.

google docs to html

Google Docs to HTML

How to get HTML out of Google Docs, what the zipped export actually contains, why the images break when you move the file, and how to publish the result.

google docs import html

How to import HTML into Google Docs

Two ways to import HTML into Google Docs, what the converter keeps, and what it silently drops. Plus what to do when the page is a dashboard, not prose.

google docs embed link

How to embed a Google Doc with a link

Embed a document in a page, or publish the content instead. What the embed shows, what it asks of the reader, and when a plain page is the better answer.

html to pdf without losing formatting

HTML to PDF without losing formatting

Colours dropped, columns collapsed, tables split mid page. The print settings and CSS rules that make a PDF export match what is on screen.

html to pdf one page

How to export HTML to PDF as one page

Three ways to force a PDF export onto a single page: print scaling, a custom @page size, or cutting the content. When each one is the right call.

html to pdf keep links

HTML to PDF with links that still work

Browser printing keeps links clickable. Image based export does not. Why relative links die in a PDF, and how to write addresses out for paper.

html to pdf no watermark

HTML to PDF with no watermark

Every browser exports PDF unmarked. Where watermarks actually come from, how to remove the header and footer line, and what to do about a marked file.

html to pdf on mac

How to convert HTML to PDF on a Mac

Three ways to turn an HTML file into a PDF on macOS, where the Save as PDF option hides in each dialog, and the setting that keeps the colours.

html to pdf extension chrome

HTML to PDF extensions for Chrome

Chrome exports PDF without an extension. What extensions add, what permissions they ask for, and the three cases where one is worth installing.

convert pdf to html

How to convert PDF to HTML

Why conversion produces a wall of positioned divs, the three routes available, and how to tell in ten seconds whether your PDF can convert at all.

pdf to html with css

PDF to HTML with CSS

Converting a PDF to HTML with CSS gives you absolute positions, not layout. What is in the generated stylesheet, what to delete, and how to make it reflow.

convert markdown to html

How to convert Markdown to HTML

How to convert Markdown to HTML with a converter, an editor, a build step, or a script. What each route gives you, and how to end up with a readable page.

markdown to html github pages

Markdown to HTML GitHub Pages: what the build does

GitHub Pages converts Markdown to HTML for you through Jekyll. How to switch it on, when to convert the files yourself, and what .nojekyll changes.

markdown to html in vscode

Converting Markdown to HTML in VSCode

Three ways to turn Markdown into HTML in VS Code: the built-in preview, a print-to-HTML extension, and a build task. What each makes, and how to style it.

convert html to png

How to convert HTML to PNG

How to convert HTML to PNG with devtools, a headless browser, html2canvas, or a converter page. Which keeps fonts and charts intact, and what each loses.

convert html to jpg

How to convert HTML to JPG

How to convert HTML to JPG in a browser, a script, or a converter page. Why text goes fuzzy at low quality, and when PNG is the better choice.

convert html to svg

How to convert HTML to SVG

HTML does not convert cleanly to SVG. The foreignObject route, the layout engine route, and when a PNG or a link is the answer instead.

convert html to gif

How to convert HTML to GIF

How to turn an HTML page or animation into a GIF: screen recorder, frame capture in a headless browser, and the ffmpeg palette step that fixes colour.

convert html to mp4

How to convert HTML to MP4

Three ways to turn an HTML page into an MP4: screen recording, browser video capture, and deterministic frame rendering with ffmpeg. Settings that matter.

convert html to figma

How to convert HTML to Figma

Three ways to get an HTML page into Figma: an import plugin, pasted SVG, or a flat image. What each keeps as editable layers and what it flattens.

How to convert an HTML table to Excel

Get a table from a page into Excel. Paste, import, and export routes, and why merged cells and layout tables break all three.

html to word js

HTML to Word JS: generating documents in the browser

How to generate a Word file from HTML in JavaScript. html-docx-js, the docx builder, and the .doc blob trick, with what each one loses.

how to export html to pdf

How to export HTML to PDF

Export HTML to PDF from the print dialog, a headless browser, or a library. The print stylesheet rules that stop pages breaking in the wrong place.

html to qr code

How to turn HTML into a QR code

Turn a page into a QR code people can scan. Why the code holds an address rather than the content, and how to size it so it scans.

file to qr code online

How to turn a file into a QR code

A QR code cannot contain a file. Put the file at an address and encode that, which also means you can replace the file without reprinting.

How to turn HTML into a URL

Turning HTML into a URL takes one paste, not a deployment. What an address actually requires, the four routes compared, and why the file itself is not one.

convert html to link online

Converting HTML to a link online

Online HTML to link tools all return an address. They differ on expiry, on editing later, and on who can open it. How to pick, in one table.

google doc link

How to share a document link without access requests

Share a document as a link nobody has to request access to. Why Google Doc links get blocked, what the recipient sees, and when to publish a plain page instead.

word document link

How to send a Word document as a link

Send a Word document as a link instead of a .docx attachment. It opens on a phone, survives mail filters, and the recipient needs nothing installed.

excel spreadsheet link

How to share a spreadsheet as a link

Share a spreadsheet as a link instead of an .xlsx attachment. Figures stay readable on a phone, formulas stay private, and nobody breaks your workbook.

jupyter notebook link

How to share a Jupyter notebook as a link

Share a notebook as a link that renders outputs without anyone installing Python. What survives the export, what does not, and when to send the .ipynb.

github repository link

How to share a repository with someone who does not use GitHub

Share a project with someone who does not use GitHub. What a repository link looks like to a non-developer, and what to send instead.

onenote notebook link

How to share notes with someone outside your organisation

Share notes with someone outside your organisation. Why OneNote links fail for external recipients, and what to send instead.

share without login

How to share a file without making anyone log in

Share something so the recipient opens it without signing in. Why drive links ask for access, what a page does differently, and what you give up.

share a file online

How to share a file online

The four ways to share a file online, what each one asks of the recipient, and how to choose. Most of the time the file is not what you are sending.

send without email

How to send something without email

Reach someone without using email. What works when you have a phone number, a chat, or nothing but a person standing in front of you.

pdf storage and hosting

PDF storage and hosting

Storage keeps a file. Hosting puts it at an address a reader can open. Which one you need, what each costs, and the questions that decide it.

embed pdf in html

How to embed a PDF in HTML

The three ways to put a document inside a page, which of them fail on a phone, and the fallback that keeps every reader able to open it.

image hosting for links

Image hosting for links

Free image hosts expire, rewrite addresses and add watermarks. What breaks, what to check before relying on one, and when to embed images instead.

html table from csv

How to turn a CSV into an HTML table

A table on a page reads on a phone, keeps its leading zeros and cannot be mangled by the reader. How to build one that stays readable at width.

secure file sharing for business

Secure file sharing for business

What actually protects a document, what only looks like it does, and the one control that matters most: being able to take access away.

temporary file upload

How temporary file sharing works

An expiring link ends access and does not un-send anything. When it is the right tool, when it quietly breaks things, and what to use instead.

host html on github

How to host an HTML file on GitHub

The file view shows code and the raw link downloads it. Neither renders the page. What actually publishes it and what to watch for.

print html page

How to make an HTML page print properly

Print styles decide what appears on paper. The twenty lines that hide the furniture, keep tables whole and make links useful once printed.

online collaboration without accounts

Collaborating with people outside your tools

Every collaboration tool assumes the other person signs in. What to do when they are a client, a supplier or somebody who will not create another login.

How to turn a zip into a website

An archive of pages becomes a site when the folder structure and the paths agree. What has to be at the root, and the path mistake that breaks everything.

image to website

How to turn an image into a website

Converting a design image to a working page means rebuilding it as text. What the automatic tools produce, and why the text has to be real.

html to website

How to turn an HTML file into a website

A file on your machine is already a page. What it is missing is an address, and the four things that have to be true before it works for anyone else.

upload html file

How to upload an HTML file

Uploading is the easy part. What decides whether the result works is the file name, the paths, and what the service does to the address afterwards.

custom domain for a page

How to put a custom domain on a page

Hosting is replaceable and the address is not. What a domain costs, what it protects, and the two records that point it at a page.

app hosting for a single page tool

Hosting a single page tool

Calculators, converters and internal tools do not need a server. Where the line is, and what to do about the three things that cross it.

share a webpage i made

How to share a web page you made

The file works on your machine and arrives as code for everyone else. What to check before sending, and what to write alongside the link.

host react app as a page

How to host a built front end

A build produces a folder of static files. What has to be configured for routing to work, and the base path mistake that breaks every asset.

multiple domain hosting

Hosting several domains for one thing

Serving the same content at three addresses splits your links and confuses search. Pick one, redirect the rest, and keep the extras anyway.

How to host a JSON file

Serving the file is easy. Whether another site can read it depends on one header, and whether it is safe depends on what is in it.

How to host a CSS file

A shared stylesheet is a dependency for every page that loads it. Caching, paths inside it, and why editing one changes several sites at once.

host javascript file

How to host a JavaScript file

A script at an address runs with full access to every page loading it. Caching, content type, and what you take on by sharing one.

How to host an SVG file

A vector image can contain scripts, which is why some hosts refuse to serve one inline. What to strip, and when to inline it instead.

host a font file

How to host a font file

Self-hosting a typeface removes a third-party request and introduces two new problems: licensing and the moment before it loads.

How to host a favicon

A page with no icon gets a blank square in every tab and bookmark. Three files cover every place one is used, and caching hides your changes.

How to organise PDF storage

Storage is for finding things again. Naming, folder depth and what to do about the versions problem, before it becomes forty files called final.

How to turn a design file into a page

Automatic conversion reproduces the appearance with absolute positioning that breaks at every other width. What the real work is.

Hosting JSON data other pages use

Once something fetches your file, the address and its shape are a contract. What to version, what to cache, and what never to change.

marzipano vr host

How to host a Marzipano tour

The tool exports a folder of tiles and a page. What has to stay together, why the tile count is large, and the path mistake that breaks it.

share a document link

What a document link has to decide

Permanence, privacy, whether it displays, whether it can be corrected, and whether you learn it was opened. Every document link answers all five.

Converting a PDF into a web page

Converters turn a fixed page into absolutely positioned markup that breaks on a phone. When conversion is the right answer and when publishing is.

Turning an image of a design into a page

A picture of a page is not a page. What automated conversion gets right, what it gets wrong, and what a design has to specify before it can be built.

embed pdf qr code

Adding a QR code to a printed document

A code printed on paper cannot be changed. What it points at can be, which decides whether the code still works in two years.

zip site web hosting

Publishing a site from an archive

Publishing by archive works when the structure is right. Three mistakes account for nearly every failed upload, and all are visible before you send it.

Turning Markdown into a document

One source file, two outputs. The fixed document is for printing and the page is for reading, and most sources should produce both.

how to host a website

How to host a website

Hosting means a machine serving your files at an address. Which kind you need depends on one question, and most sites need the simplest answer.

host your own website

Should you host a site yourself?

Technically straightforward and operationally constant. What self-hosting genuinely gives you, and the four things that make it a commitment.

build a static website

How to build a static site

Most small sites do not need a generator. Start with the pages, add a build step only when repetition makes it worth the machinery.

Adding a form to a static page

A form needs somewhere to send the submission. An outside service does that in one line, and the spam handling is the part that matters.

seo for static websites

Search basics for a static site

Static sites start ahead on speed and rendering. What remains is one page per question, real titles, and an address you never change.

how to make a website secure

Securing a small website

Most advice addresses machinery a static site does not have. What remains is a certificate, the domain account, and what you put in the page.

speed optimization static websites

How to make a page load quickly

On most small sites images are the majority of the weight. Fixing them takes an hour and beats every other optimisation combined.

Exporting from a workspace tool

Export produces a folder with long identifiers in every filename and links that point inside the tool. What survives and what needs fixing.

publish a website

How to publish a website

Publish before the site is finished, at the real address, on the real domain. Everything discovered afterwards is discovered by visitors.

host website 30 seconds

Publishing a page quickly

For a finished file, publishing is genuinely one step. What takes longer is the domain, and it is the only part worth doing carefully.

wordpress to static

Turning a managed site into static files

Generating a static copy removes the database, the plugins and the patching. What survives the conversion and what has to be replaced first.

indesign to html

Exporting a layout to a web page

Export produces markup positioned to match the page. It preserves appearance at one width and does not reflow, which is the point of a page.

When it will not open (80)

The file is fine and the page still does not appear. What is actually blocking it.

html file downloads instead of opening

Why an HTML file downloads instead of opening, and how to fix it

An HTML file downloads instead of opening because the server sends the wrong header, not because the file is broken. Check it in one line; 5 fixes.

open html file on phone

How to open an HTML file on a phone

How to open an HTML file on a phone: tap it in Files on iPhone, or use Open with Chrome on Android. What each route misses, and what always works.

send file in slack

How to send an HTML file in Slack so people actually see the page

Upload an HTML file to Slack and people get a file card and a download, not the page. What Slack does with .html, and how to send a link that unfurls.

send html file by email

How to send an HTML file by email without it being blocked

Gmail and Outlook do not block .html attachments, but the preview shows raw code and company gateways strip them. What fails, and how to send a link.

html file in google drive

Why an HTML file in Google Drive shows code instead of the page

Google Drive stores an HTML file but the preview shows source code and Open with has no browser. Why, the old hosting trick, and how to get a working link.

embed html in notion

How to embed HTML in Notion (and why pasting it breaks)

Notion has no HTML block, so pasted HTML turns into plain text. The 5-step way to embed HTML in Notion with /embed, plus fixes for a blank frame.

share file in teams

How to share an HTML file in Microsoft Teams

Upload an HTML file to Teams and it lands in SharePoint, where every click ends in a download. Why, the routes that work, and how to pin the page as a tab.

are html files safe to open

Are HTML files safe to open, and what the warning means

Are HTML files safe to open? The warning is about what any HTML file could do, not yours. How to check one, and how to stop readers seeing it.

google fonts not working in html

Google Fonts not working in HTML: the four causes

Google Fonts not working in HTML has four causes, three the same shape: the font is somewhere the page cannot reach. How to tell which, and the fix.

images not showing in html

Images not showing in an HTML page: the 5 causes and the fix for each

Images not showing in your HTML file? The five causes, how to tell them apart in the Network panel in ten seconds, and how to embed images so they travel.

how to open html file on ipad

How to open an HTML file on iPad

An .html file on an iPad lands in Files and stops. The routes that render it, why the preview is not a browser, and the one that works every time.

how to open html file on iphone

How to open an HTML file on iPhone

An .html file on an iPhone saves and stops. Three routes that put the page on screen, what the Files preview really shows, and how to avoid the problem.

how to open html on safari iphone

How to open HTML on Safari iPhone

Safari on iPhone opens addresses, not folders. How to get local HTML into a Safari tab, and the route that renders the page every time.

how to view html files on iphone

How to view HTML files on iPhone

View HTML files on an iPhone using Safari alone. One file, a folder of files, or a page you need to keep, each with the route that renders it.

best way to open html file on iphone

The best way to open an HTML file on iPhone

Five routes for opening an HTML file on an iPhone, ranked by whether the page actually renders. What each costs, and which one to use for which situation.

html viewer for ipad

Choosing an HTML viewer for iPad

An HTML viewer for iPad can be a Safari tab, an installed app, or a shared page. What each renders, what each costs, and how to choose for review work.

html viewer for iphone

Choosing an HTML viewer for iPhone

What an HTML viewer for iPhone needs to render, when a Safari tab is enough, and when a shared link beats both. Plus the checks to run before installing.

can i open html file in canva

Can I open an HTML file in Canva?

Canva does not import HTML files. Three routes that get the page into a design or in front of the audience, and how to decide which one the job needs.

can i open html file in figma

Can I open an HTML file in Figma?

Figma does not import HTML as editable layers by default. Three routes for getting a rendered page into design work, and which one fits review or handoff.

how to open html in text editor

How to open HTML in a text editor

Right click, Open with, pick a plain text editor. The per-platform route, which editors are safe, and how to see the rendered page next to the markup.

how to open html document in excel

How to open an HTML document in Excel

Excel opens HTML through File, Open, or Data, From Web. What survives the import, what does not, and a faster route when you only need the table.

open html zip file

How to open an HTML zip file

A zipped HTML page has to be extracted before it will render. Why opening it inside the zip preview shows a broken page, and how to find the right file.

how to open html report

How to open an HTML report

Test runners, scanners and BI tools all export HTML reports. How to open one, why it sometimes renders blank, and how to pass it on so others can read it.

how to preview html code in browser

How to preview HTML code in a browser

Save it as a file, paste it into a viewer, use a data URL, or serve it. Which method to use for a snippet, a whole page, and code that fetches data.

how to preview html file in github

How to preview an HTML file in GitHub

GitHub displays HTML as source, not as a page. The three ways to get a rendered preview, what each one costs, and when a repository is the wrong home.

preview html email in multiple clients

How to preview HTML email in multiple clients

Mail clients render the same HTML differently. Which clients to check, how to test with real accounts, and the differences that break most sends.

email preview online

HTML email preview online

Online preview tools render pasted email HTML in a browser. Useful for content and broken images, unreliable for layout. What to check elsewhere.

html file not opening in browser

HTML file not opening in browser

An HTML file not opening in a browser usually means the wrong default program, a hidden extension, or a phone with no file handler. How to tell which.

html not loading css

HTML not loading CSS

HTML not loading CSS means a wrong path, a wrong link tag, a cached old file, or a stylesheet that never travelled with the page. How to tell which.

html not loading images

HTML not loading images

HTML not loading images is a path problem, a hotlink block, a mixed content block, a case mismatch, or a file that never travelled. How to identify each.

html page not displaying properly in chrome

HTML page not displaying properly in Chrome

An HTML page not displaying properly in Chrome is usually cache, quirks mode, a blocked local request, or an extension. A five minute diagnosis in order.

html not displaying correctly in outlook

HTML not displaying correctly in Outlook

Why HTML is not displaying correctly in Outlook: a different mail engine, stripped styles, blocked images, attachments shown as code. What to do instead.

html email not displaying properly in gmail

HTML email not displaying properly in Gmail

HTML email not displaying properly in Gmail comes from stripped style blocks, clipped messages, blocked images and rewritten CSS. Plus the safer route.

html javascript not working

HTML JavaScript not working

JavaScript in your HTML file does nothing. Check the console, then script order, then the file protocol. A ranked list of causes and the fix for each.

html not allowed to load local resource

Not allowed to load local resource

The browser refuses a file:// image or script inside a page. Why the rule exists, why disabling security is the wrong fix, and the three routes that work.

iframe not working

iframe not working

An iframe shows nothing, or the console says the site refused to connect. The four causes, how to tell them apart in ten seconds, and what to do instead.

html video not autoplaying

HTML video not autoplaying

Autoplay is blocked unless the video is muted. The exact attribute set that works, why Safari and mobile differ, and how to handle the promise rejection.

html video file not found

HTML video file not found

The video element is dead and the network tab shows a 404. How to read the failing URL, fix case sensitive paths, and tell a missing file from a bad codec.

html gif not playing

HTML GIF not playing

A GIF in your page sits on one frame. The usual causes are a non animated export, a loop count of one, or a reduced motion setting. How to check each.

html canvas blurry

HTML canvas blurry

A canvas looks soft because its buffer is smaller than its box on screen. Set the width and height attributes from devicePixelRatio and scale the context.

css animation not working

CSS animation not working

Keyframes defined and nothing moves. Name mismatch, missing duration, a non animatable property, display none, or reduced motion. How to check each one.

html button not clickable

HTML button not clickable

A dead button is usually covered by an invisible element, disabled, or missing its handler. How to find the real click target in the inspector.

html text not wrapping

HTML text not wrapping

Text runs off the edge instead of wrapping. The cause is white-space nowrap, a flex item that will not shrink, a fixed width, or one unbreakable string.

make text not highlightable

Make text not highlightable in HTML

user-select: none stops text being selected, with prefixes for older Safari. Where it belongs, where it hurts readers, and why it protects nothing.

attachment too large

What to do when an attachment is too large

Your email will not send because the attachment is too large. Why the limit exists, why compressing rarely helps, and the fix that works every time.

email attachment size limit

Email attachment size limits, and what actually applies

The attachment limits for Gmail, Outlook and corporate mail, why the real ceiling is lower than the stated one, and why the recipient decides.

file too big to zip

Why zipping did not make the file smaller

You zipped it and the size barely moved. Why that happens, which files genuinely compress, and what to do when zipping is not the answer.

file wont upload

What to check when a file will not upload

An upload that fails silently or stalls at the end. The six causes in the order worth checking, and how to tell which one you have.

open docx file online

How to open a DOCX file online

What happens to formatting in each viewer, which ones need an account, and what to do when the document has to be read on a phone.

How to open a CSV file correctly

Leading zeros vanish, dates change, and long numbers turn into scientific notation. Why it happens on open and how to avoid it entirely.

view presentation without powerpoint

How to view a presentation without PowerPoint

What each free option does to fonts, animations and speaker notes, when uploading is a bad idea, and what the sender should have sent instead.

open psd file online

How to open a PSD file without Photoshop

Layered design files are enormous and need software most people do not have. What the free options show, what they lose, and what to ask for instead.

unzip files online

How to unzip files online

Every operating system already extracts archives. When an online tool is genuinely needed, what it costs you, and how to avoid sending one next time.

send large files over email

How to send large files over email

The stated limit is not the real one. Why encoding inflates attachments, what corporate servers do quietly, and the three routes that work.

how to send video files via email

How to send video files

A minute of phone video exceeds every mail limit. What to compress, what to link, and why the recipient should be watching rather than downloading.

edit pdf without adobe

How to edit a PDF without Adobe

Built-in tools handle pages and annotations. Changing text is harder than it looks, and uploading a contract to a free editor deserves a second thought.

How to save a webpage as a PDF

Printing to PDF captures whatever is on screen, including the parts nobody wants. What print styles fix and what to do when you do not control the page.

upload pdf to facebook

How to share a PDF on Facebook

Posts do not accept documents. What each surface allows, why a link with a preview outperforms an attachment, and what to post instead.

How to convert DOCX to PDF

Fonts are the reason a converted document looks different. What to embed, which converter to use, and when the recipient needed a page instead.

how to zip a pdf file

How to zip a PDF file

Documents are already compressed, so archiving saves almost nothing. What actually reduces the size, and when an archive is still the right move.

upload pdf to google docs

How to open a PDF in Google Docs

Converting extracts the text and rebuilds the layout approximately. Good for getting words out, poor for anything where the layout mattered.

share a powerpoint presentation

How to share a PowerPoint presentation

Fonts substitute, files bounce and phones download. Which route suits an editor, a reader and a system, and why those need different answers.

how to read a pptx file

How to read a PPTX file

What each free route shows, what it loses, and whether uploading a commercial deck to a viewer is a trade worth making.

how to edit text in pdf

How to edit text in a PDF

The format stores positioned glyphs rather than flowing text. What that means for a one-word change, and the three routes that actually work.

How to upload a CSV without it being rejected

Rejected uploads come from four things: encoding, delimiters, date formats and a header row that does not match. All four are checkable first.

zip a file on windows

How to zip a file on Windows

Right-click, compress. Two minutes later the archive is the same size, because most of what people archive is already compressed.

open docx in google docs

How to open a DOCX in Google Docs

Text survives, formatting shifts, and tracked changes are where it goes wrong. What to check before sending it back to whoever wrote it.

send large video files

How to send large video files

Editors need the file, reviewers need to watch. Those are different problems, and sending raw footage to a reviewer wastes hours of their connection.

How to open an AI file

Vector artwork files usually contain a PDF version inside them. That is why some tools open them and others show nothing.

pdf upload limits

How to get a document under an upload limit

Portals cap uploads at five or ten megabytes. Scans are large because they are photographs, and re-exporting fixes it in one step.

Turning a layout file into something anyone can open

A layout file only opens in the program that made it. Exporting produces a readable document, and an address makes it readable on a phone.

embed pdf in wix

Adding a document to a site builder page

Site builders upload documents as downloads and embed them in frames that fail on phones. What works on every device and what only works on a desktop.

Exporting a layered image for other people

A working file holds layers nobody else can open. Which export format suits which job, and why the flattened copy is not a replacement.

how to zip a file on mac

Compressing files on a Mac

Right-click and compress. The archive is the easy part; what breaks is hidden files, mail filters rejecting it, and phones that cannot open it.

pdf reader extensions

Do you need an extension to read documents?

Every browser already reads documents. Extensions that offer to do it better ask for permission to see every page you open, including the private ones.

How to test a page before publishing

Five checks, about ten minutes, and they catch nearly everything that gets reported back. Most of them are not about the code at all.

dropbox web hosting

Hosting a website from cloud storage

Storage services used to serve pages and all of them stopped. What replaced the practice, and why the replacement is better anyway.

transfer photos from phone to laptop

Getting photos from a phone to a computer

Cable is fastest and lossless. Messaging apps recompress. The format question catches people out after the files are already on the laptop.

What an RDP file is

A connection shortcut in plain text, and a common phishing tool. Why they get stripped, and what to send colleagues instead.

html in discord

How to send an HTML file in Discord so people see the page, not the code

Upload an .html file to Discord and the channel sees source code, not the page. Why Discord will not render it, and how to send a link that opens in one tap.

HTML from AI chats (72)

You asked for a page and got HTML back. What to do with it.

share claude artifacts

How to share Claude artifacts, two ways

Two ways to share Claude artifacts: Publish inside Claude for a public link, or copy the HTML onto a page you control so the text stays editable.

save claude artifact

How to save a Claude artifact so you can find it later

How to save a Claude artifact: copy the complete file, give it a real title, keep the prompt in a comment, and store it where a phrase finds it again.

chatgpt html preview

ChatGPT HTML preview: from code block to a real page

A ChatGPT HTML preview shows the page a code block describes. The three checks to run first, and how to turn the same block into a link anyone can open.

chatgpt canvas removed

ChatGPT Canvas removed: getting the page out and onto a link

ChatGPT Canvas was removed in 2026 and the share links went with it. How to get the HTML out of a chat block and onto an address that keeps working.

Claude HTML dashboard: the five things to fix before you share it

A Claude HTML dashboard arrives with the same five flaws: invented figures, bars with no height, fixed widths. What to check, and the prompt that helps.

html report template

An HTML report template, and the figures to check before you send it

An HTML report template worth reusing: sections in order, the number rule that keeps invented figures out, phrases to strike, one address to send.

claude html slides

Claude HTML slides: making them presentable

Claude HTML slides arrive as paragraphs sized for a projector. The word count rule, slides sized to the screen, and type that reads from the back.

html dashboard template

An HTML dashboard template in one file, with no library

An HTML dashboard template in one self-contained file: every figure in one DATA block, cards that stack on a phone, bars that need no charting library.

html table generator

An HTML table generator prompt that sorts right and edits in place

Use an assistant as an HTML table generator and columns sort as text. The prompt that fixes numeric sorting, editable cells and phone width.

html bar chart without javascript

An HTML bar chart without JavaScript, and the prompt for it

A prompt that produces an HTML bar chart without JavaScript: bars from divs, stacked bars, inline SVG lines, and the inline-element trap that wastes hours.

html one pager template

An HTML one pager template that reads in ninety seconds

An HTML one pager template with a time budget: four sections, a claim as the headline, figures with their base, and actions with dates.

How to fix HTML code: the ten recurring problems

To fix HTML code fast: render it, narrow the window, open the console, and run the ten checks in order. Nine of the ten are a single line.

html not rendering in browser

HTML not rendering in the browser: the blank page, diagnosed

HTML not rendering in the browser is usually one line. Open the console, read the first error only, and match it to the five causes of a blank page.

html css not working

HTML CSS not working: the four causes

HTML CSS not working has four causes: a separate stylesheet, framework class names, a copied fragment, a failed font. How to tell them apart.

chatgpt response cut off

ChatGPT response cut off: getting the whole HTML file

A ChatGPT response cut off mid-tag will not render. How to get the rest without a broken join, and the prompt that keeps the page under the limit.

edit html without coding

How to edit HTML without coding

To edit HTML without coding you need a route around the assistant and the markup. Why both fail, and the three ways to change text directly.

AI-generated HTML to a PDF that looks right

Turning AI-generated HTML into a PDF: the four print faults every generated page has, the stylesheet that fixes them, the export, and when a link is.

make html template

How to make an HTML template from a page you already have

How to make an HTML template out of a page you already have: keep the first good one, put every value in one place, and edit that place each period.

css color variables

CSS color variables: restyling a whole page from four values

Four CSS color variables in a :root block replace a page's whole palette: the four values, removing the gradient and shadows, and contrast.

make html mobile friendly

How to make HTML mobile friendly: the five causes

To make HTML mobile friendly: the viewport line, fixed widths, hard-coded columns, box-sizing, and one element that cannot shrink. Each is a single line.

how to share html from claude

How to share HTML from Claude

Three routes for handing off HTML that Claude wrote, ranked by whether the reader gets a live editable page, a download, or a transcript.

can gemini open html files

Can Gemini open HTML files

A chat assistant reads HTML as text, so what comes back is code and commentary rather than a rendered page. Where to see the page itself.

how to save gemini chat as html

How to save Gemini chat as HTML

Turn a Gemini conversation into an HTML page you keep and can send as a link. Four routes compared, plus the five steps for the one that stays readable.

gemini html code preview

Gemini HTML code preview, and what the browser does differently

What the in-chat preview of Gemini HTML actually tests, the five ways a page drifts once you save it as a file, and a one-minute check before you send it.

html code to pdf

Gemini HTML code to PDF

Save the HTML, open it in a browser, then print to PDF. What the PDF loses, how to fix the page breaks, and when a link is the better deliverable.

html code to ppt

Gemini HTML code to PPT

Keep the deck as an HTML page behind a link, export to PDF and import it, or rebuild it in slide software. What each route costs, and which one fits.

can copilot create html files

Can Copilot create HTML files?

Copilot writes HTML as text in the answer or into a file in your editor. Where that file lands, how to save it yourself, and how to get it to a reader.

copilot generate html from image

Copilot generate HTML from image

Turn a screenshot or mockup into HTML with Copilot: what to ask for, what comes back, and the four things that usually need fixing before you send it.

chatgpt to html converter

ChatGPT to HTML converter

Ask for a complete self-contained HTML document, take the code block, render it. Four routes from a chat answer to a page people can open, compared.

how to save html from chatgpt

How to save HTML from ChatGPT

Copy the code block, save it as a real .html file, and confirm it renders. The .html.txt trap, partial code blocks, and how to get the page to an address.

chatgpt html code preview

ChatGPT HTML code preview, and what it does not show

What a chat preview can and cannot run, why it stays blank or differs from your saved file, and where to render the same HTML to see the real page.

can chatgpt read html files

Can ChatGPT read HTML files?

It reads the markup as text and does not open the page as a browser does. What that changes in practice, and how to get a useful answer about a page.

chatgpt html to text

ChatGPT HTML to text

Four routes from ChatGPT HTML to plain text, and why copying the rendered page beats stripping tags by hand. Includes what each route loses.

claude html instead of markdown

Claude HTML instead of markdown

How to ask Claude for HTML instead of markdown, why it reverts to markdown mid answer, and what to do with the file once you have it.

html vs markdown for claude code

HTML vs markdown for Claude Code

When to give Claude Code HTML and when markdown wins. Covers repository files, pasted pages, diffs and the cases where the tags carry the meaning.

html vs markdown for ai agents

HTML vs markdown for AI agents

Where HTML beats markdown as agent input, where it wastes context, and how to decide per document type rather than picking one format for everything.

html vs markdown for llm

HTML vs markdown for LLM input

Whether to paste HTML or markdown into a model, what each format preserves, and the four document types where the answer flips.

html vs markdown for rag

HTML vs markdown for RAG

Whether RAG documents should be stored as HTML or markdown, what chunking does to each, and where converting loses answers you needed.

claude html to ppt

Claude HTML to PPT

How to turn a Claude HTML deck into PowerPoint, or send it as a page instead. Print to PDF, slide images, rebuilt slides, and when not to convert at all.

html presentation to pptx

Claude HTML presentation to pptx

Turning a Claude HTML presentation into a real pptx file. What carries over, what has to be rebuilt, and how to decide before you spend the afternoon.

Claude HTML to video

How to turn a Claude HTML animation into a video file, what screen recording loses, and when a link to the live page is the better deliverable.

Claude HTML to image

How to export Claude HTML as an image, what the capture drops, and the size, font and chart problems that produce a blank or blurred result.

Claude HTML animation

How to ask Claude for animated HTML that runs smoothly, stays on brand and does not distract. Includes the prompt shape and what to check before sending.

claude design skill

Claude HTML design skill

How to write a reusable design instruction so Claude produces consistent HTML, and which rules actually change the output rather than sounding good.

html css plugin

Claude HTML CSS plugin: what actually exists

There is no official Claude plugin for HTML and CSS. What the three common requests behind that search actually need, and how to get the page online.

Claude Code HTML files: what to do with them

Claude Code writes HTML into a folder on your machine. How to check the file, what breaks when it moves, and how to turn it into a link people can open.

html code corrector

AI HTML code corrector: getting a broken page to render

What to paste into an AI html code corrector, how to describe the symptom, and the four faults it cannot see because they are not in the markup at all.

html code detector

AI HTML code detector: what the markup really shows

No detector proves a page was written by a model. The markup habits people actually notice, how strong each signal is, and what to do instead of guessing.

ai html email generator

AI HTML email generator: getting output that renders

An AI html email generator writes a web page, and inboxes are not browsers. What gets stripped, what to ask for instead, and when to send a link.

html email signature generator

AI HTML email signature generator: a signature that renders

What to ask an AI html email signature generator for, how to paste the result into Gmail or Outlook, and why the logo is the part that goes missing.

ai html generator from image

AI HTML generator from image: screenshot to page

Turning a screenshot or mockup into HTML with AI: what converts well, what comes back invented, and how to check the page before anyone else sees it.

AI HTML UI generator: from component to shareable page

What an AI html ui generator returns, the four things it leaves out, and how to turn a generated interface into a page other people can open and review.

ai html game generator

AI HTML game generator: from one file to a playable link

What an AI html game generator produces, the four things that break when someone else opens it, and how to put the game at an address people can click.

ai html app builder

AI HTML app builder: what one file can and cannot do

What an AI html app builder can produce in one file, the three limits that come with it, and how to get the result in front of the people who need it.

why do ai generated websites look the same

Why do AI generated websites look the same

The four defaults behind the sameness: one layout skeleton, one palette family, one type scale, one set of copy patterns. And what replacing each costs.

ai generated website detector

AI generated website detector: reading a site from outside

Detectors score prose, not pages. The markers that actually separate generated sites from hand built ones, how reliable each is, and what to check instead.

ai generated websites examples

AI generated websites examples

Eight kinds of site assistants actually produce well, what each one looks like as HTML, and how to turn any of them into a link other people can open.

ai generated website and hosting

AI generated website and hosting

An assistant gives you HTML, not a website. What hosting has to do, the four routes compared, and the fastest way to get an address for a generated page.

host chatgpt html output

How to host HTML output from ChatGPT

The page runs on your machine and nowhere else. What to check before publishing it, and the three things that commonly break once it leaves the chat.

host claude artifact

How to host a Claude artifact

An artifact lives inside a conversation. Putting it at your own address means it opens without an account, keeps working, and belongs to you.

host ai generated html

How to host AI generated HTML

Whatever produced the page, the same four things break when it leaves the tool. A checklist, then an address anyone can open.

share ai generated html

How to share AI generated HTML

Sending the file produces a wall of code and a confused reply. An address produces a working page. What to say alongside it.

vibe coding hosting

Hosting what you built by prompting

Building by prompting is fast. Getting the result in front of someone is where most of it stops. What a single page can carry and what needs more.

create website using chatgpt

How to create a website using an assistant

Prompting produces the page in minutes. The part that stalls is everything between a file on your machine and an address somebody can open.

build a web app with replit

Publishing what you built in a browser IDE

Browser development environments run your project while the session is warm. What that means for sharing it, and when to take the file out.

ai coding tools

Comparing AI coding tools by their output

All of them produce code quickly. The differences that matter are whether you get a file, what it depends on, and how far it is from being published.

claude artifacts

Taking a page out of a chat preview

The preview panel runs the page inside the conversation. Getting it out means copying the file and putting it somewhere with an address.

chatgpt prompts for html

What to ask for when you want a working page

Generated pages break on publishing for four predictable reasons. Asking for the right things up front removes all of them.

how to write a short story with ai

Using a model while writing a short story

Generated prose is competent and generic. Where it helps, where it flattens a story, and how to publish the finished piece at an address.

built a web app with github copilot

Publishing something built with coding assistance

Assisted coding gets you a working folder quickly. Publishing is a separate step, and it is where most of these projects quietly stop.

build web app with cursor

Keeping an assisted build small enough to finish

Assisted editors make building fast and scope expensive. What to cut so the thing gets published, and what genuinely needs more than a page.

building with ai

What still has to happen after the code works

Generating a working page is solved. Getting it to an address, on a phone, with nothing exposed, is where most of these projects stop.

Terms explained (154)

Short, plain answers to the words that show up in HTML files.

what is an iframe

What is an iframe?

What is an iframe: an HTML element that draws another document inside a box on your page. How it works, the height problem, the attributes worth.

iframe srcdoc: rendering HTML without a URL

What iframe srcdoc does: the whole inner document goes in an attribute, so a preview needs no file and no address. Escaping, why every HTML viewer uses.

iframe sandbox attribute

The iframe sandbox attribute: every permission explained

The iframe sandbox attribute starts from nothing allowed and grants back what you list. What each value permits, the combination to avoid, a working.

what is a data uri

What is a data URI?

What a data URI is: the resource written into the address itself, so an image or font travels inside the HTML file. The syntax, where it fits, why.

what is a static page

What is a static page?

What a static page is: the server hands over the same file to every reader and computes nothing per request. Scripts still run in the browser. Where.

contenteditable html

contenteditable in HTML: make any element typeable

contenteditable in HTML turns any element into a text field on click, with no library. What it does, the three things it does not do, the focus style.

what is doctype html

What is the DOCTYPE in HTML?

What the DOCTYPE in HTML does: one first line that tells the browser to use current rules instead of quirks mode. What quirks mode changes, how to check.

viewport meta tag

The viewport meta tag: the one line mobile needs

What the viewport meta tag does: tells a phone to lay the page out at its real width instead of a pretend 980px. What each value means, why not to.

Inline CSS: when a style attribute is right

Inline CSS puts the rule on the element with a style attribute. The two cases where it is right, why it is wrong the rest of the time, how specificity.

external stylesheet

External stylesheets: when a separate CSS file helps

An external stylesheet is a CSS file the page links to. Right for a site of many pages sharing rules; wrong for a single page that will be sent, because.

self contained html file

Self-contained HTML file: one file that works anywhere

A self-contained HTML file carries its styles, scripts and small images inside itself and points only at full https addresses. The checklist, the.

base64 image html

Base64 images in HTML: how and when to embed a picture

A base64 image in HTML is the file's bytes written as text inside the img tag, so the picture travels with the page. How to produce one, why to compress.

SVG in HTML: diagrams that scale and follow your colours

SVG in HTML puts a drawing into the page as markup: sharp at any size, coloured by CSS variables, readable by screen readers, and embedded by.

CSS grid: the one line that handles mobile for you

CSS grid lays children out in rows and columns you declare. One line, repeat(auto-fit, minmax(170px, 1fr)), fits as many columns as the width allows and.

CSS flexbox: laying out a row without fighting it

CSS flexbox arranges children along one line and shares the space between them. The four patterns that cover most rows, the shrinking trap, and when.

css media query

CSS media queries, and how to need fewer of them

A CSS media query applies rules only when a condition holds: screen width, print, dark mode preference. Write mobile-first, pick breakpoints from the.

box-sizing border-box

box-sizing: border-box, the first line of any stylesheet

box-sizing: border-box makes padding and border fit inside the width you wrote instead of adding to it. Why the default breaks layouts, what one.

Web fonts in CSS, and why a system font stack is usually better

Web font CSS: a font the page brings with it via @font-face, embedded as woff2 or fetched from an address, versus a system font stack that brings.

Favicon in HTML: the tab icon, and the minimum you need

A favicon in HTML is the icon in the tab, bookmark and history. One link tag with an SVG data URI covers modern browsers with no file; add a PNG for.

open graph tags

Open Graph tags: the preview card when you share a link

Open Graph tags are meta lines in the head that chat apps and social feeds read to draw a preview card: title, description, image. The complete useful.

Canonical URL: which address is the real one

A canonical URL is one link tag in the head naming the true address of a page, so copies with tracking parameters, www or a trailing slash are folded.

meta description

Meta description and title: what a search result actually shows

The title tag and meta description are the two lines a search result shows. What each does, how long they can be, how to write them so the result makes.

json-ld structured data

JSON-LD structured data: what it is and the three types worth having

JSON-LD structured data is a script block that search engines read and readers never see: what kind of page this is, when it changed, who wrote it. The.

Alt text in HTML: what to write, and when to write nothing

Alt text in HTML is what stands in for an image when it cannot be seen: read aloud by a screen reader, shown when the file fails to load. Write the.

Semantic HTML: using the element that means the thing

Semantic HTML uses the element that says what a thing is, a heading, a nav, a table with headers, instead of a styled div. Same look, and it means.

aria-label: naming things that have no visible text

aria-label gives an element a spoken name when nothing visible does: an icon-only button, a chart drawn from bars, a close control. The four cases where.

tabindex in HTML: keyboard focus, and the value never to use

tabindex in HTML controls whether an element is in the keyboard's Tab order. 0 adds an element in document order, -1 lets a script focus it without.

localstorage javascript

localStorage in JavaScript: saving in the browser, and its hard limits

localStorage in JavaScript keeps a few megabytes of text per origin in one browser on one machine, across reloads. Always wrap it in try, everything is.

sessionstorage javascript

sessionStorage in JavaScript: data that lives for one tab

sessionStorage in JavaScript is localStorage with a shorter life: kept across reloads, gone when the tab closes, separate per tab. When per-tab is the.

What is CORS? Why a fetch works locally and fails once published

What CORS is: the browser rule that a page may read a response from another origin only if that origin allows it in a header. What an origin is, why the.

MIME type for HTML: the header that decides how your file is treated

The MIME type is the Content-Type label a server puts on a response. For the same HTML file, text/html draws a page, text/plain shows the source.

content security policy

Content Security Policy: limiting what your own page may load

A Content Security Policy lists where a page may load scripts, styles, images and frames from; anything else is refused. The directives worth knowing, a.

mixed content https

Mixed content: why an http resource breaks an https page

Mixed content is an http image, script or stylesheet inside an https page. Scripts and styles are blocked outright, images upgraded or blocked, with no.

relative vs absolute path html

Relative vs absolute paths in HTML: why references break when a page moves

Relative vs absolute paths in HTML: 'next to this file' versus 'at this location on the web'. Which of the four forms survives being sent, uploaded or.

The file:// protocol: what works differently when a page is opened from disk

file:// is the address for a page opened from disk. It is not on the web: only this machine can reach it, scripts cannot fetch neighbours, some features.

What is HTTPS? What it proves, and what it does not

What HTTPS is: HTTP with encryption and a certificate, so nobody between reader and server can read or alter the page, and the server is proven. What it.

Cache busting: when your update does not show up

Cache busting is changing a file's address when the file changes, so browsers holding the old copy fetch the new one. Where copies are held, the two.

html minification

HTML minification: what it saves, and why it is not your bottleneck

HTML minification strips whitespace and comments so the same code is smaller on the wire. What it saves, why compression saves more, and why the image.

print stylesheet css

Print stylesheet CSS: making a web page print properly

A print stylesheet is a CSS block that applies only when printing or saving as PDF: hide navigation, keep tables whole, write link addresses out, set.

Dark mode CSS: one media query and a set of variables

Dark mode CSS is one media query, prefers-color-scheme: dark, that redefines the page's colour variables. If every colour comes from a variable, the.

html word break

HTML word break

What word-break does, how it differs from overflow-wrap and hyphens, and which one to use for URLs, code, table cells and ordinary prose.

html word wrap in table

HTML word wrap in a table

Table cells size themselves from content, so wrapping rules get ignored. Use table-layout fixed with column widths, then wrap or truncate per column.

html show hide div

HTML show hide div

Show and hide a div with details, the hidden attribute, a CSS class toggle, or display none. Which one survives sharing, printing and screen readers.

html show hide div based on dropdown

HTML show hide div based on dropdown

Show one div per dropdown option using a change listener and matching ids. Includes the reset on load, the multi-panel table, and the accessibility line.

nested collapsible

HTML nested collapsible sections

Build nested collapsible sections with details and summary, keep deep links working, and stop the three-level tree that nobody can navigate.

html dropdown menu

HTML dropdown menu

Two different things share the name dropdown menu. Which one you need, the markup for each, and the keyboard rules a hover menu has to earn.

html dropdown default selected

HTML dropdown default selected option

Set the default selected option with the selected attribute, add a placeholder that cannot be submitted, and fix the value the browser restores on reload.

html yes no button

HTML yes no button

Three different yes no buttons in HTML: a confirm prompt, a recorded answer, and a branch that reveals a section. Markup for each and which to use.

html modal form

HTML modal form

Build a modal form with the dialog element, close it without losing input, keep validation working, and know when a modal is the wrong container.

Two ways to build a modal in HTML and CSS. What the dialog element gives you free, what a div overlay has to re-earn, and the scroll lock fix.

html css navbar

HTML CSS navbar

Build a navbar with nav, a list and flexbox, mark the current page, and handle narrow screens without a hamburger you have to maintain.

html sticky header

HTML sticky header

Make a header stick with position sticky and top zero, then fix the four ancestors that silently disable it and the anchor links it hides.

html fixed header and footer

HTML fixed header and footer

Pin a header and footer with CSS grid or position fixed, reserve the right space, handle the mobile browser bar, and keep printing readable.

html sticky table header

HTML sticky table header

Stick a table header with position sticky on th, fix the missing borders, handle a scrolling container, and pin the first column too.

html table sticky first column

HTML table sticky first column

Pin the first column of an HTML table with position sticky and left zero. The scroll container, the background colour, and the four reasons it fails.

html table overflow scroll

HTML table overflow scroll

A table cannot scroll itself. Wrap it in a div with overflow-x auto, and the wide table scrolls instead of stretching or squashing the page.

html table zebra

HTML table zebra striping

Stripe alternating table rows with nth-child(even). Which rows to tint, how dark to go, dark mode values, and when striping hurts more than it helps.

html table border collapse

HTML table border collapse

border-collapse decides whether neighbouring cells share one border or keep two. What each value changes, what each one breaks, and which to pick.

html table column width

HTML table column width

Why width on a td is treated as a suggestion, what table-layout fixed changes, and the colgroup pattern that sets every column width in one place.

html table keep header visible

Keep an HTML table header visible while scrolling

Freeze a table header with position sticky and top zero. The thead rule, why it needs a background, and the three ancestors that silently break it.

how to make html table responsive

How to make an HTML table responsive

Scroll, stack, or hide columns. Which pattern fits which table, the CSS for each, and why a table read as a grid should never be stacked.

table with sort and filter

HTML table with sort and filter

Sortable, filterable HTML tables in about forty lines of plain JavaScript. Click-to-sort headers, a search box, and when a library is worth it.

html table rowspan and colspan

HTML table rowspan and colspan

colspan merges across, rowspan merges down. How to count the cells you must remove, why spans break tables, and the headers attribute for screen readers.

html page break for printing

HTML page break for printing

Force a print page break with break-before: page, keep blocks together with break-inside: avoid, and stop headings from stranding at the foot of a page.

html page size 8.5 x 11

HTML page size 8.5 x 11

Use the @page rule to set letter size and margins, size an on-screen sheet in inches, and understand why the print dialog can still override you.

html open in new tab

HTML open in new tab

target="_blank" opens a link in a new tab. Why rel="noopener noreferrer" belongs with it, when a new tab helps, and how to mark it for screen readers.

html link to anchor on same page

HTML link to an anchor on the same page

How to write an HTML link to an anchor on the same page with id and a hash href. Covers the old name attribute, scroll offsets, and why anchors break.

html link to section of page

HTML link to a section of a page

How to write an HTML link to a section of a page, from another page or a chat message. Covers ids, full URLs with a hash, and text fragment links.

html link to pdf

HTML link to a PDF

How to write an HTML link to a PDF, control whether it opens in the browser or downloads, and fix the case where the link only works on your own machine.

html link to local file

HTML link to a local file

How to write an HTML link to a local file, why browsers block file links from web pages, and what to do when the page has to reach a document on disk.

html link to network drive

HTML link to a network drive

How to write an HTML link to a network drive, why mapped letters and UNC paths break for other people, and what to send instead so the link opens.

html mailto multiple recipients

HTML mailto with multiple recipients

How to write an HTML mailto link with multiple recipients, add cc and bcc, prefill a subject and body, and encode the characters that break the link.

html link phone number

HTML link for a phone number

How to make an HTML link for a phone number with tel:, why the number needs a country code, and how to handle extensions, SMS links and desktop clicks.

link to map location

HTML link to a map location

How to write an HTML link to a map location that opens the right place, using an encoded address or coordinates, plus the geo scheme and embedded maps.

html link without underline

HTML link without an underline

How to remove the underline from an HTML link with text-decoration none, where to apply it, and where taking the underline off costs you readers.

html link hover color

HTML link hover color

How to set an HTML link hover color with the :hover pseudo-class, the order link visited hover active must follow, and what to do about touch devices.

html button with link

HTML button with a link

How to make an HTML button with a link. Why a styled anchor beats a button element, the markup to copy, and the four patterns that break in real pages.

html embed youtube

Embed a YouTube video in HTML

How to embed a YouTube video in HTML with an iframe, make it responsive, set a start time, and fix the blank box that appears on locked down networks.

embed youtube playlist

How to embed a YouTube playlist in HTML

Embed a YouTube playlist in HTML with one iframe and a list parameter. The two URL forms, the playlist ID, and why a page embed can go blank.

html embed google map

How to embed a Google map in HTML

Embed a Google map in HTML without an API key by copying the Share embed iframe. When you need the Embed API instead, and how to make it responsive.

html embed google form

How to embed a Google Form in HTML

Embed a Google Form in HTML with the iframe from Send. Why the frame cuts off or scrolls twice, how to set the height, and when to send the link instead.

html embed google calendar

How to embed a Google Calendar in HTML

Embed Google Calendar in HTML with the code under Integrate calendar. Why readers see an empty grid, which parameters change the view, and how to size it.

How to embed a PDF in HTML

Three tags embed a PDF in HTML and they behave differently. Which to use, why phones show a download instead, and the fallback link every embed needs.

embed pdf in html full size

Embed a PDF in HTML at full size

Make an embedded PDF fill the window: the height rule everyone misses, the body margin that leaves a white edge, and the fit parameter for page width.

html embed video autoplay loop

How to embed a video that autoplays and loops

An autoplaying looping video needs muted and playsinline, not only autoplay and loop. The four attributes, the YouTube version, and the accessibility rule.

html embed website into another

How to embed a website into another website

One iframe embeds a website inside another page, and many sites refuse. How to tell which, what the refusal looks like, and what to use when it is blocked.

html embed image base64

How to embed an image in HTML with base64

Embed an image in HTML as base64 so the file carries its own pictures. The data URI format, how to encode one, the size cost, and when not to do it.

html image zoom on click

How to zoom an image on click in HTML

Three ways to zoom an image on click: a plain link, a dialog element, and a CSS-only toggle. Which one to use, with working markup for each.

html image keep aspect ratio

How to keep an image at its aspect ratio in HTML

Stop images stretching. Why height auto fixes most cases, when to use object-fit cover, and how the width and height attributes prevent layout jump.

html to make image responsive

HTML to make image responsive

Two CSS lines cover most responsive images. When one file is not enough, srcset and sizes serve the right size per screen. With the picture element too.

What an HTML image map is, how the map and area tags work, why coordinates break on responsive pages, and what to use instead for a floor plan or diagram.

html svg change color

HTML SVG change color

How to change SVG color in HTML with fill, currentColor and CSS variables, and why an SVG loaded through an img tag ignores every style you write.

svg scale to fit

HTML SVG scale to fit

How to make an SVG scale to fit its container in HTML. What viewBox actually does, when to remove width and height, and how preserveAspectRatio crops.

html use svg as favicon

HTML use SVG as favicon

How to use an SVG as a favicon in HTML, the one link tag you need, the ICO fallback for Safari and older browsers, and making the icon flip in dark mode.

How to add SVG icons to HTML, when to inline them and when to use a symbol sprite, sizing with em, currentColor, and the accessibility attributes to set.

html canvas draw

HTML canvas draw

How to draw on an HTML canvas with getContext 2d, the attribute size versus CSS size trap, and why your lines look blurry on a high density screen.

html canvas zoom and pan

HTML canvas zoom and pan

How to add zoom and pan to an HTML canvas. Keeping scale and offset in one state object, zooming to the pointer, and why CSS transform goes blurry.

html canvas to svg

HTML canvas to SVG

Why a canvas cannot be converted to SVG directly, the three real routes including recording draw calls, and when to redraw from the data instead.

html animation to gif

HTML animation to GIF

How to turn an HTML or CSS animation into a GIF. Screen recording, frame capture in the browser, file size limits, and when to send the live page instead.

html animation on page load

HTML animation on page load

How to run an animation when an HTML page loads, with CSS keyframes, staggered delays, scroll triggered reveals, and respecting reduced motion settings.

css hover transition

CSS hover transition

How a CSS hover transition works, why the transition belongs on the resting state and not inside hover, and what to do about touch screens and focus.

css transition height auto

CSS transition height auto

Why height auto does not transition in CSS, and the three fixes: grid-template-rows 0fr to 1fr, max-height, and measuring scrollHeight in script.

css gradient background

CSS gradient background

How a CSS gradient background works, with linear, radial and conic syntax side by side. Angle rules, colour stops, and fixes when it will not paint.

css gradient border

CSS gradient border

border-color will not take a gradient. Four working methods compared: border-image, background-clip layers, a pseudo-element ring, and a padded wrapper.

css drop shadow

CSS drop shadow

drop-shadow follows the shape, box-shadow follows the rectangle. Syntax for both, why PNG and SVG need the filter version, and values that look real.

Grid has no flex-wrap property. auto-fit and auto-fill with minmax are what make columns wrap, and the two behave differently when items run out.

css grid row gap

CSS grid row gap

How row-gap works in CSS grid, how the gap shorthand orders its values, and why gaps never appear on the outside edge or collapse like margins.

html font family list

HTML font family list

A font-family list is a fallback chain read left to right. Ready-made stacks for system, serif, and monospace text, plus the rules on quoting and generics.

html font color

HTML font color

Set HTML font color with the CSS color property, not the removed font tag. Value formats compared, inheritance rules, and contrast levels that hold up.

how to change font in html

How to change the font in HTML

Change the font in HTML with the CSS font-family property. Where to put the rule, the font shorthand, size units that scale, and what survives sharing.

html meta tags list

HTML meta tags list

A working list of HTML meta tags grouped by what they affect: rendering, search results, preview cards, and crawler behaviour. Plus the ones now ignored.

html meta tag last modified

HTML meta tag last modified

The last-modified meta tag is read by nothing. What actually carries a modification date: the HTTP header, structured data, sitemaps, and visible text.

html title attribute tooltip

HTML title attribute tooltip

The title attribute shows a browser tooltip on hover. Why it is invisible on touch and to keyboard users, and a CSS tooltip that works everywhere.

html form validation

HTML form validation

Validate a form with required, type, pattern, min and max before writing any script. Attribute reference, the :invalid trap, and custom message wording.

html form without action

HTML form without an action attribute

A form with no action submits to its own page URL. What the browser does with GET and POST, when leaving it out is correct, and how to stop the reload.

send html form data to google sheets

Send HTML form data to Google Sheets

Post an HTML form to a Google Sheet using Apps Script. The doPost function, the deployment settings that matter, and the CORS error everyone hits.

html form hidden field

HTML form hidden field

A hidden input carries a value the reader does not see but the server receives. What it is for, what it must never hold, and why it is not secure.

html input no autocomplete

HTML input with no autocomplete

autocomplete="off" works for ordinary fields and is ignored for passwords. The tokens browsers actually honour, and when turning it off is the wrong call.

html date input default value

HTML date input default value

A date input only accepts YYYY-MM-DD in its value attribute, whatever the box displays. How to prefill it, default it to today, and avoid the timezone bug.

html list without bullets

HTML list without bullets

Removing bullets takes list-style plus a padding reset, and it silently drops list semantics in Safari. The two-line fix and the accessibility repair.

html password protect

HTML password protect

A password checked in JavaScript is visible in the page source. The routes that actually restrict access, ranked, and how to pick one for your case.

html qr code scanner

HTML QR code scanner

Build a QR scanner with getUserMedia and BarcodeDetector, with a library fallback. Why the camera needs HTTPS and fails when you open the file locally.

tailwind dark mode

Tailwind dark mode in HTML

How the dark: variant works, the difference between the media and class strategies, and why a toggle does nothing until .dark reaches the html element.

html tabs without javascript

HTML tabs without JavaScript

Build tabs with radio inputs, :target links or :has(). Working markup for each, what each one costs in accessibility, and how to pick between them.

html accordion without javascript

HTML accordion without JavaScript

The details element gives you a working accordion with no script, and the name attribute makes it exclusive. Styling, printing, and the search caveat.

pure html tooltip

How to build a pure HTML tooltip

A pure HTML tooltip needs one attribute. When that is not enough, a CSS-only tooltip gives you styling and keyboard support with no script at all.

html copy button

How to add a copy button to an HTML page

A working HTML copy button, the clipboard rules that break it, the fallback for pages served over http, and how to confirm it works after sharing.

html progress bar

How to build an HTML progress bar

The built-in progress element, when meter is the right tag instead, and the two-div CSS bar you style freely. Plus an accessible pattern for both.

How to build an HTML checklist

Markup for a proper HTML checklist, why ticks vanish on reload, how to keep them in local storage, and when the list has to be shared instead.

simple html todo list

Build a simple HTML todo list

A working todo list in one HTML file: add, complete, delete and keep items after a reload. Full source, plus what to change before you share it.

free html clock widget

A free HTML clock widget you can paste anywhere

Copy-paste code for a live clock, a timezone board and a countdown. No account, no third-party embed, and nothing that another service can switch off.

single html file apps

Single HTML file apps

One file with markup, styles and script inside. What a single HTML file app can and cannot do, where it beats a project, and how to get it to people.

cool things to do with html

Cool things to do with HTML

Twelve things plain HTML does without a framework, from native dialogs and collapsible sections to editable tables, each with the tag that does the work.

what can you do with html

What can you do with HTML

What HTML alone builds, what it needs CSS or JavaScript for, and what it genuinely cannot do. With a table of real outputs and where each one ends up.

html projects without css

HTML projects without CSS

Nine HTML projects that need no CSS at all, what each one teaches, and why a page built on browser defaults is readable rather than unfinished.

tailwind html template

A Tailwind HTML template in one file

A single-file Tailwind HTML template with a header, cards, a table and dark mode. What the CDN build is good for, and what to change before it goes public.

how to add tailwind to html file

How to add Tailwind to an HTML file

Two ways to add Tailwind to an existing HTML file: one script tag, or a compiled stylesheet. Which to pick, what breaks, and how to handle old CSS.

bootstrap html template

A Bootstrap HTML template in one file

A Bootstrap HTML template with a navbar, grid, cards and a table. The two tags that load it, the classes doing the work, and how to share the result.

learning management system

What a learning management system actually does

An LMS is enrolment, tracking and records. It is not a content tool, and treating it as one is why so much course material is unreadable.

EPUB reflows to the reader's screen and font size. A PDF does not. Which one a book needs, and what it means that EPUB is HTML in a container.

What is a CSV file

Plain text with commas between values. Simple enough to have no types, which is why leading zeros vanish and dates change country.

PPT and PPTX, and which to send

The newer format is a zip of XML and is smaller, safer and better supported. The older one persists in organisations that never changed a template.

XLS and XLSX, and the row limit

The older format stops at 65,536 rows and frequently truncates without saying so. That alone decides which one to use for anything with real data in it.

content authoring tool

What a content authoring tool is

The phrase covers three different kinds of product. Which one somebody means changes the price by a factor of fifty.

What brand identity means in practice

Identity is the visual system, brand is what people think. What a small business needs to produce, and where it has to live to stay consistent.

benefits of qr codes

What QR codes are good for

It closes the gap between something printed and something you can change. Where that is worth doing, and where a code is decoration.

What an INDD file is

A layout file is a recipe, not a meal. It points at images and fonts stored elsewhere, which is why sending it alone never works.

what is md file

What an MD file is

Plain text with a few punctuation conventions for structure. It opens in anything, survives every format change, and converts into all of them.

What a custom domain gives you

A domain is a rented name pointing wherever you say. Owning it is what lets you change hosts without breaking a single link.

free domain name

Where free domain names come from

Free names come bundled, borrowed or from registries that reclaim them. Each is fine for something temporary and wrong for anything printed.

What a static website is

The page is decided before anyone visits. That single property makes it faster, cheaper, safer and harder to break than the alternative.

What people mean by a static site

Static describes how the page is served, not how often it changes. The word misleads people into thinking they need something they do not.

What to measure on a small site

Most dashboards report dozens of figures nobody acts on. Four of them change decisions, and a small site needs no more than those.

what is matterport

What a scanned space tour is

A camera scans a building and produces a walkable model hosted by the vendor. The capability is real and the hosting arrangement is the commitment.

By use case (222)

The same problem seen from a particular kind of work.

html client report

HTML client reports as pages, one address per period

How to send an HTML client report as a page instead of an attachment: one page per period with an index, a summary that stands alone, every figure with.

weekly status report template

A weekly status report template: four sections, ten minutes

A weekly status report template that survives past week eight: four sections, ten minutes to write, one page per week and an index that makes it findable.

onboarding html template

An onboarding HTML template that does not go stale

An onboarding HTML template that shows its age and lets the reader fix it: one page per task, a visible last-checked date, and a who-to-ask page.

html pitch deck

HTML pitch decks as pages, built for the reader on a phone

How to build an HTML pitch deck as a page: slides sized to the screen, one idea per slide, a reading order, figures with their base, an appendix, and a.

html pricing table

HTML pricing table and quotes as pages

An HTML pricing table as one dated page, quotes as their own fixed pages, the table details that matter, and exclusions stated next to the number.

event invitation online

How to send an event invitation online

Send an invitation as a link that opens on a phone, carries the details, and stays correct when the venue changes.

product specification template

A product specification template built on decisions, not prose

A product specification template built on open questions and decisions with their reasons, kept at one address so a decision stays findable.

html research notes

HTML research notes you can actually find again

How to write HTML research notes you can retrieve months later: the finding as the title, the date of the data, the conclusion first, sources next to.

meeting notes online

How to put meeting notes online

Put meeting notes at an address attendees can open without an account. What to capture, how to mark decisions and actions, and why a link beats a document in a thread.

html job description

HTML job descriptions as pages: what candidates actually read

How to write an HTML job description as a page: salary, location, team and process first, the work described as work, required separated from helpful.

HTML changelogs as pages, written for the customer

How to write an HTML changelog customers read: entries from the customer side, three categories, newest first, action-needed marked, an anchor per.

client dashboard

Client dashboard HTML: one link, always current

How to build a client dashboard in HTML: the four lines that make it usable without you, one page per client, phone-first, charts without a library, and.

html landing page

Publishing an HTML landing page

What a single file HTML landing page needs, which parts are optional, and the fastest route from finished markup to a working address you can send.

simple html landing page

A simple HTML landing page

The smallest landing page that still works, what to cut, the head tags you cannot skip, and how to get it to a shareable address in one step.

html email template

HTML email template

How an HTML email template is built, why it uses tables and inline CSS, a minimal starting file, and how to review it as a page before sending.

html email newsletter

HTML email newsletter

How to lay out an HTML email newsletter, keep it under the clipping limit, and publish the web version at a link readers can open on any device.

html newsletter outlook

HTML newsletter in Outlook

Why an HTML newsletter looks wrong in Outlook, which Outlook you are actually testing, and the markup that survives the Word rendering engine.

html email signature

HTML email signature

How to build an HTML email signature with tables and hosted images, install it in Gmail and Outlook, and keep one version for the whole team.

html email signature generator

HTML email signature generator

What an HTML email signature generator produces, the four things to inspect in the output, and how to run your own generator page at a shared link.

html countdown timer

HTML countdown timer

A working HTML countdown timer in about twenty lines, the time zone mistake that shifts it by hours, and how to put the timer at a link people can open.

free html countdown timer embed widget

Free HTML countdown timer embed widget

Build a free HTML countdown timer embed widget you host yourself, embed it with an iframe, and avoid the dependencies that come with hosted widgets.

html countdown timer for email

HTML countdown timer for email

Scripts do not run in mail clients, so an HTML countdown timer for email has to be a served image with a text fallback. Here is the pattern and its limits.

How to build an HTML quiz in one file with radio inputs and a small script, what a client side quiz can never enforce, and how to share it as a link.

html quiz code with score

HTML quiz code with score

Complete HTML quiz code with score, per question feedback, percentage bands and a retry button, in one file you can paste and share as a link.

html signup page

HTML signup page

Build an HTML signup page with the right input types and labels, decide where the submission goes, and put the page at a link people can open.

pricing page html

Pricing page HTML

Pricing page HTML that holds up: card markup with grid, a real comparison table, the accessibility details, and how to circulate the draft for approval.

org chart online

How to put an org chart online

Put an org chart at an address people can open in one click. Build it with nested lists and CSS, keep it readable on a phone, and correct names without resending anything.

html gantt chart

How to build an HTML gantt chart

Build an HTML gantt chart with CSS grid, no library required. Column tracks for weeks, bars for tasks, and a link that stays current when dates move.

How to make an HTML pie chart

Draw an HTML pie chart with conic-gradient, SVG, or a chart library. Which to pick, how to label the slices, and how to send it as a working link.

How to make an HTML bar chart

Build an HTML bar chart from a table with CSS grid or flexbox, no library. Axis, labels, stacked bars, and how to share it so the numbers stay current.

html image gallery

How to build an HTML image gallery

Build an HTML image gallery with CSS grid, lazy loading, and captions. Why the images vanish when you send the file, and how to share it so they do not.

html table of contents

How to build an HTML table of contents

Build an HTML table of contents with heading ids and anchor links. Smooth scroll, sticky sidebar, scroll offset fixes, and how to share the page.

html about page

How to build an HTML about page

What belongs on an HTML about page, the markup that makes it findable, and how to publish it at an address without setting up a website.

How to build an HTML home page

Build an HTML home page as a single file: structure, head tags, responsive layout, and how to publish it at an address without a hosting setup.

simple html index page

How to build a simple HTML index page

Build a simple HTML index page that lists and links your pages. Why it is called index.html, what to put on it, and how to share it as one link.

html template under construction

An HTML template under construction, ready to copy

A working under construction HTML template, what to put on it, what to leave off, and how to publish it at an address you can replace later.

How to share a mockup as a link

Share a mockup as a link reviewers can click through on a phone. Why a flat image gets the wrong feedback, and what to build instead.

How to build an HTML wireframe

Build an HTML wireframe that argues about structure rather than style. Grey box CSS, placeholder content rules, and how to circulate it for review.

How to build an HTML prototype that reviewers can click, and put it at an address instead of mailing a file. Includes a comparison of prototype formats.

wedding invitation html

Wedding invitation HTML

How to turn wedding invitation HTML into a page guests open on a phone. What to put in the file, what breaks in chat apps, and how to fix details later.

What HTML game code needs to run outside your folder, why canvas games break when shared as files, and how to put a playable game at an address.

single html file games

Single HTML file games

Why single HTML file games run anywhere, which parts of a game cannot fit in one file, and how to put a playable page at an address people can open.

How to build an HTML resume that opens on any device, prints to one page, and still produces a PDF when an application form demands one.

simple html resume

Simple HTML resume

A simple HTML resume in one file, with no framework and no external assets. The markup, the minimum CSS, and how to share it as a link that stays current.

How to send an invoice as a link

Send an invoice as a link instead of a PDF attachment. It opens on a phone, the totals stay readable, and correcting a figure does not mean resending the file.

How to send a quote as a link

Send a quote as a link instead of a PDF. Options stay comparable on a small screen, revisions do not create a second file, and you can see it was opened.

How to share a contract as a link

Share a contract as a link so both sides read the same version. What a link is good for, what still needs a signed file, and how to keep a record of what was agreed.

How to send a proposal as a link

Send a proposal as a link instead of a slide deck or PDF. It opens on a phone, forwards cleanly inside the client, and you can revise without resending.

How to put a menu at a link

Put a menu at a web address instead of a PDF. It opens on a phone without pinching, prices change in seconds, and the QR code on the table never has to be reprinted.

price list link

How to share a price list as a link

Put a price list at one address instead of emailing a new PDF every time something changes. Customers keep one link, you change the numbers, nobody quotes last year.

How to share a catalogue as a link

Send a product catalogue as a link instead of a heavy PDF. It opens on a phone, buyers can search it, and discontinued lines come out without a reprint.

How to share a brochure as a link

Send a brochure as a link rather than a designed PDF. It reads on the screen it lands on, you can see it was opened, and updating it does not mean a reprint.

How to share a media kit as a link

Put a media kit at one link instead of emailing a PDF. Numbers stay current, brands forward one address internally, and you stop rebuilding it every month.

How to share a press kit as a link

Put a press kit at one link instead of a zip file. Journalists get the facts and the images on deadline, and you stop answering the same three emails.

case study link

How to share a case study as a link

Send a case study as a link instead of a PDF. It opens on a phone, forwards inside the buyer as one version, and you can update a result when it improves.

photo gallery link

How to share a photo gallery as a link

Share a set of photos as a link anyone can open without signing in. No app, no account, no expiry, and the images stay at the size you chose.

How to send your CV as a link

Send your CV as a link instead of an attachment. It opens without a download, reads on a phone, and you can update it without resending anything.

How to share a biodata as a link

Share a biodata as a link on WhatsApp instead of a photographed document. It stays readable, you control who sees it, and details can be corrected.

How to share a thesis as a link

Share a thesis as a link alongside the deposited PDF. Readers can reach a chapter directly, figures stay legible, and the link survives longer than an email.

dissertation link

How to share a dissertation as a link

Share a dissertation as a link so a supervisor or reader opens the section they need. Works on a phone, no download, and the submitted file stays the record.

research paper link

How to share a research paper as a link

Share a research paper as a link so readers reach the figure or method they came for. Sits alongside the published version, which stays the citable record.

How to share an essay as a link

Share an essay as a link rather than a document. It opens without a download, reads properly on a phone, and you can keep editing after sending it.

short story link

How to share a short story as a link

Share a short story as a link readers open in one tap. Typography you control, no download, and a note on what posting does to first publication rights.

How to share a poem as a link

Share poems as a link so line breaks and indentation survive. What breaks poems on a phone, how to stop it, and what posting does to submission rights.

How to share a novel as a link

Share a novel as a link so beta readers reach a chapter directly and remember where they stopped. What to check before posting, and where agents want a file.

How to share an ebook as a link

Deliver an ebook as a link readers open in one tap. No file format to choose, no app to install, and you can fix a typo after it has gone out.

comic book link

How to share a comic as a link

Share a comic as a link so pages load at a size people can read on a phone. Panel order, image sizing, and what to do about the CBZ nobody can open.

How to send an event ticket as a link

Send a ticket as a link that works at the door on a weak signal. Barcode sizing, what to do about offline, and when you need a real ticketing system.

How to send a gift voucher as a link

Send a gift voucher as a link that works on a phone at the counter. What to put on it, how redemption should work, and the limits of a page.

transcript link

How to share a transcript as a link

Share an interview or meeting transcript as a link. Timestamps become jumpable, speakers stay clear, and anyone can find the quote they need.

visiting card link

How to share a visiting card as a link

Share a visiting card as a link people can save to their contacts. Details stay current when you change job, and nothing gets typed in wrong.

How to send a letter as a link

Send a formal letter as a link that opens on a phone and prints correctly. Where a signed document is still required, and what to put on the page.

How to share feedback as a link

Send written feedback as a link so each point can be referenced directly. Works for design reviews, client notes and written critique.

calendar invite link

How to send a calendar invite as a link

Send a calendar invite as a link that works across Google, Outlook and Apple. What an .ics file does, why invites fail externally, and what to put on the page.

How to put an event at one link

Put an event at one address people can share, bookmark and check on the day. What belongs on it, and what to do when details change.

availability link

How to share your availability as a link

Share your availability as a link instead of listing times in an email. Time zones stated once, no back and forth, and no booking tool required.

How to share a job advert as a link

Put a job advert at one address you can share anywhere. What candidates check first, the salary question, and how to keep it current when the role changes.

How to make a QR code you can change later

Make a QR code point at a page you control, so printed codes never need replacing. Sizing, contrast, and what breaks a code in the real world.

wifi password link

How to share WiFi details as a link

Put the WiFi details at one address guests can open, with a QR code that joins the network in one tap. Changing the password stops meaning new signs.

screenshot link

How to share a screenshot as a link

Share screenshots as a link so they stay sharp and readable. What messaging apps do to an image, and when to share the page itself instead.

shared album link

How to share an album across different platforms

Share an album with people outside your photo service. Why album invitations fail across platforms, and what to send so everyone can just look.

How to share a game as a link

Share a browser game as a link that runs on a phone in one tap. Touch controls, keeping it in one file, and what a page cannot do.

How to share a survey as a link

Share a survey as a link people complete on a phone. Question order, showing the length, and where the responses have to go.

How to share an address as a link

Share an address as a link that opens in whatever map app the recipient uses, with the arrival details a map cannot tell them.

How to share a dataset as a link

Publish a dataset at one address with the documentation beside it. What a CSV needs, why the column notes matter, and how to version it.

How to share an order status as a link

Give each order its own address so the customer checks the status without emailing you. What belongs on it, and how to keep it current.

How to send a reminder as a link

Send a reminder as a link so the details travel with it. What a page can and cannot do, and why an .ics download beats a notification you cannot send.

How to share a GIF or screen recording as a link

Share a short recording as a link. Why GIF files are so large, when a video is better, and how to keep a demo under a megabyte.

how to send a pdf

How to send a PDF

Attachment, cloud folder, or a link. What each costs the person receiving it, the size limits that bounce mail, and when a link is the only option.

share a pdf as a link

How to share a PDF as a link

Turn a PDF into an address anyone can open in one tap. No download, no size limit, and you can correct the document after you have sent it.

create url for pdf

How to create a URL for a PDF

Give a PDF a web address so it can be linked, texted, printed on a card or turned into a QR code. What makes an address last, and what breaks one.

hyperlink to pdf

How to hyperlink to a PDF

Linking to a document is easy. Making it open on screen rather than landing in a downloads folder takes two decisions. Both are covered here.

password protect a pdf without adobe

How to password protect a PDF without Adobe

Built-in ways to lock a document on Mac and Windows, what a document password actually prevents, and why a private address is often the better answer.

How to turn a PDF into a QR code

A code that points at an address can be updated. A code that carries the document cannot. The difference decides whether you reprint every card.

How to turn a PDF into a website

A document is shaped for paper and a page is shaped for a screen. What to keep, what to drop, and when converting is not worth the effort.

digital brochure

How to make a digital brochure

What changes when a brochure stops being a document and becomes an address. Page flips, prices that go stale, and knowing whether it was opened.

digital magazine

How to publish a digital magazine

An issue at an address instead of a file to download. Where page-flip tools cost you readers, how to handle back issues, and what to measure.

digital newsletter

How to publish a digital newsletter

Mail clients mangle layouts and images arrive blocked. A web version at a permanent address fixes both and gives the issue a life after the inbox.

article to link

How to publish an article as a link

Why each article needs its own permanent address, what breaks when addresses change, and the details that decide whether a shared link gets opened.

digital annual report

How to publish a digital annual report

An annual report that opens in a tap, with the numbers in real tables and the summary reachable before page forty. What to keep as a document.

How to publish an online catalog

A catalogue at an address, with stock codes that are findable and prices you can correct after sending. Where flipbook catalogues lose orders.

travel brochure

How to make a travel brochure

Prices and departure dates move constantly. A brochure at an address can be corrected after it has been sent, and it works without a signal.

How to make a house manual for guests

Wifi, check-out, the temperamental shower. A house manual at one address, reachable by QR code on the fridge, answers it before the guest messages you.

advertise property

How to advertise a property with a link

One address carrying photographs, floor plan and viewing times, sent by message and printed on the board. Updating the price stops meaning a reprint.

upload floor plan

How to upload and share a floor plan

Floor plans are studied, not glanced at. How to put one at an address where it opens full screen, keeps its dimensions legible and prints to scale.

How to share an itinerary as a link

An itinerary at an address updates when the schedule changes and opens on a phone at a station. What belongs at the top and what belongs nowhere.

write a user manual

How to write a user manual

Manuals are searched, not read. How to structure one around the questions people arrive with, and why a printed booklet stops being the main version.

How to make an FAQ page you can link to

An FAQ built from the questions you actually receive, at an address you can link to one answer at a time. Where accordions help and where they hide things.

virtual tour link

How to share a virtual tour as a link

Panoramas are heavy and most viewers arrive on mobile data. How to publish a tour that opens quickly, and when photographs would serve better.

share candidate details

How to share candidate details with a hiring manager

A candidate profile at one private address, sent to a hiring manager in a tap. Withdrawable when the process ends, and you can see it was opened.

share my resume as a link

How to share your resume as a link

One address that opens on a recruiter's phone, updates after you have sent it, and tells you whether it was read. When the PDF is still required.

How document tracking works

An attachment tells you nothing after you send it. What an address can tell you, what it cannot, and how to use the information without being creepy.

How link tracking works

A separate address per channel tells you where readers came from without any analytics setup. What tagged links do, and the ones that quietly break.

How to set up a data room

What a data room needs, what the expensive ones add, and where a set of private addresses is enough. Access that can be withdrawn when the deal moves on.

link portfolio in resume

How to link a portfolio in a resume

Where the link goes, what it should say, and why a portfolio address printed in a PDF has to be short enough to type by hand.

sell workout program

How to sell a workout program as a link

A program at one address, readable on a phone mid-set, updatable when the plan changes. Where a PDF plan loses clients and what to charge for.

host fitness plan

How to host a fitness plan

Where to put a training plan so it opens in one tap, works on gym wifi, and can be adjusted mid-program without resending anything.

share canva design

How to share a Canva design as a link

A design link that asks the viewer to sign in loses half of them. How to publish the exported design at an address anyone can open.

sharing power bi reports

How to share a Power BI report outside your organisation

Every route inside the product requires a licence or a tenant. What to do when the reader is a client, a board member or anyone outside the organisation.

share plotly export

How to share a Plotly export

A Plotly figure exports to a single HTML file that keeps its zoom and tooltips. Where to put it so a colleague can open it without a Python environment.

share interactive chart

How to share an interactive chart

A chart at an address keeps its tooltips and its data. What interactivity is worth on a phone, and when a labelled static image wins.

moodle web host

How to host a web page for a Moodle course

Uploaded HTML inside a course often will not run scripts. Hosting the page separately and linking it keeps interactive material working.

send course materials

How to send course materials to students

One address per session, readable on a phone, corrected in place. What to do about students who lost the link and materials that change mid-term.

film production files

How to share film production files

Call sheets change hourly and crew read them on a phone at five in the morning. One address per production day beats a chain of attachments.

test banner ads

How to test banner ads

An HTML5 banner behaves differently in a page than in a design tool. How to preview every size at once and catch the failures before upload.

How to build an HTML banner ad

Weight limits, animation caps, the click tag and the final frame. What ad networks require, and how to keep a banner inside all of it.

pitch deck link

How to share a pitch deck as a link

Investors forward decks. An address survives the forward, updates when the numbers change, and tells you the deck reached the partner meeting.

brand guidelines link

How to share brand guidelines as a link

A guidelines PDF nobody opens versus an address with copyable colour values and downloadable logos. What agencies and suppliers actually need.

event landing page

How to make an event landing page

One address for an event, readable on a phone, correct when the venue changes. What belongs above the fold and what costs you registrations.

product landing page

How to make a product landing page

What belongs above the fold, why a second call to action costs conversions, and how to test a variant without touching the main page.

email capture landing page

How to make an email capture page

Every extra field costs signups. What to promise, how often to say you will send it, and what has to happen in the sixty seconds after they submit.

digital presentation

How to share a digital presentation

A deck built to be talked over is unreadable alone. How to publish a version that stands by itself, at an address you can correct afterwards.

share presentation

How to share a presentation

Decks bounce off mail servers and open badly on phones. An address carries the same slides, opens in a tap, and stays current after you send it.

csv to google sheets

How to import a CSV into Google Sheets

Import settings that prevent silent conversion, what the locale does to dates, and when a published table beats a shared spreadsheet.

copywriter portfolio

How to build a copywriter portfolio

Clients cannot judge copy without knowing what it had to do. How to present pieces with the constraint and the result, at an address you can send.

concept artist portfolio

How to build a concept artist portfolio

Art directors look at the first three pieces on a phone. What to show, what to cut, and how to keep large images from making the page unusable.

digital art portfolio

How to build a digital art portfolio

Platforms change their feeds and their rules. A portfolio at an address you control keeps working, loads faster and belongs to you.

student portfolio

How to build a student portfolio

Coursework and personal projects can carry a portfolio if the brief and the reasoning are visible. What reviewers look for when experience is absent.

host online training

How to host online training

A course is pages, video and a way to ask questions. What a platform adds, when it is worth it, and how to run the first cohort without one.

PDF portfolio, and when to send one

Some studios still ask for a PDF. What it is genuinely good at, why it fails on a phone, and how to keep both versions without maintaining two.

How PDF analytics work

A downloaded file reports nothing. A document at an address reports opens, and page-level reading data is noisier than it is usually presented as.

create interactive pdf

How to create an interactive PDF

Links and form fields usually work. Video, buttons and scripted behaviour usually do not. What each reader supports and when a page is the better answer.

linkedin profile pdf

Exporting your LinkedIn profile as a PDF

The exported profile is a dump of every field in profile order. What it is genuinely useful for, and what to send instead when it matters.

how to save an email as a pdf

How to save an email as a PDF

Printing to a document loses the headers that prove when it was sent. What to include when the copy might matter, and what it does not prove.

how to export a power bi report to pdf

How to export a Power BI report to PDF

Filters, tooltips and drill-through do not survive an export. What to do about the missing context, and when a page serves the reader better.

export miro board pdf

How to export a whiteboard board

An infinite canvas exported to fixed pages loses the spatial reasoning that made it useful. What to export, what to rewrite, and what to link.

How to host a restaurant menu

A PDF menu behind a QR code is the most common mistake in hospitality. What to do instead, and how a price change stops meaning a reprint.

publish a novel online

How to publish a novel online

One chapter per address, readable on a phone, with the reading position kept. What platforms give you and what they take in return.

publish poetry online

How to publish poetry online

A narrow screen rewraps long lines and destroys the shape of a poem. What preserves it, what to do about indentation, and where to put each poem.

How to publish an ebook

Stores handle payment and discovery and keep the customer. A web sample at your own address is how readers find you rather than a category.

how to publish a book for free

How to publish a book for free

Publishing is free. Editing, a cover and reaching readers are not. What is genuinely free, what to pay for first, and what to skip.

publish comic book online

How to publish a comic book online

A comic page is composed for a page. On a phone it needs a different reading order, and pretending otherwise is why panels become unreadable.

how to publish a short story online

How to publish a short story online

A story is read in one sitting and shared in one link. What makes that link get opened, and why submission rules decide where it can live.

How to set up a client portal

Clients lose attachments and ask for things twice. A page per client holds the current state, and nobody has to create an account to see it.

temporary website

How to make a temporary website

An event, a campaign, a holding page. What should genuinely be temporary, and why the address should outlive the content every time.

share projects with a client

How to share project work with a client

Project tools assume everyone has an account. A status page per project gives the client what they need without adding them to anything.

share excel data without the file

How to share spreadsheet data without the file

A workbook carries hidden sheets, formulas and your source data. Publishing the numbers as a table sends what you meant and nothing else.

qr code for google docs

How to make a QR code for a document

A code pointing at a drive document fails in two ways at once: it asks for access and it downloads on a phone. What to point it at instead.

qr code for survey

How to use a QR code for a survey

Scanned surveys are answered standing up in under a minute. Length, the sign-in wall and the code placement decide the response rate.

collect emails for marketing

How to collect email addresses

A form posting to a service, a page saying what arrives, and consent you can evidence. What the law requires and what most signup forms get wrong.

password protect presentation

How to password protect a presentation

A password on a deck stops casual opening. It does not stop forwarding, it breaks on some devices, and the password usually travels with the file.

digital catalog

How to make a digital catalog

A flipbook catalogue cannot be searched, which is the one thing a trade buyer needs. What to publish instead, and how prices stay current.

upload catalog online

How to upload a catalog online

Uploading the print file produces a catalogue nobody can search. What to extract, what to keep as a download, and the order to do it in.

how to make online menu

How to make an online menu

Customers check a menu before deciding where to eat. Allergens, prices and sold-out items all change, and the paper version cannot.

send a quote to a client

How to send a quote to a client

A quote attached as a file is a guess about timing and a version problem waiting to happen. What an address changes about following up.

send a proposal to a client

How to send a proposal to a client

Proposals are read by people you never met. What survives the forward, what to put first, and why the reading data changes the next version.

send an invoice to a client

How to send an invoice to a client

Invoices get forwarded to a finance team who never met you. What has to be on it, what accounts systems need, and what knowing it was opened changes.

share portfolio with a client

How to share a portfolio with a client

Sending everything asks the client to do the matching. Sending the two relevant pieces with a line each is what turns an enquiry into a conversation.

send a price list to customers

How to send a price list to customers

A price list emailed as a file is quoted back at you long after the prices changed. One address, dated, is the fix and it takes minutes.

send a monthly report to a client

How to send a monthly client report

Monthly reports get skimmed for one number. One address updated each month, with the conclusion first, replaces a chain of attachments.

share a dashboard with your team

How to share a dashboard with your team

Most of a team never opens the tool. A page with the five numbers that matter reaches them, and screenshots in chat go stale immediately.

get feedback on a landing page

How to get feedback on a landing page

Asking what people think produces preferences. Asking specific questions about a live page produces answers you can act on.

send a prototype to a client

How to send a prototype to a client

Design tool links ask the client to sign in. A prototype at a plain address opens on their phone, and the feedback you get back changes accordingly.

share wedding details with guests

How to share wedding details with guests

One address on the invitation, checked months later in a car park. Times, parking and dress code change, and printed cards cannot.

host clip studio paint output

How to share comic pages you have drawn

A layered comic file is enormous and needs the software that made it. What to export for editors, for readers, and for print.

instructional design portfolio

How to build an instructional design portfolio

Screenshots of course screens look the same to everyone. The analysis behind them is what a hiring manager is actually assessing.

3d artist portfolio

How to build a 3D artist portfolio

Studios look for topology and texture work as much as the final render. What to show alongside each piece, and how to keep the page fast.

host a terms and conditions page

How to host terms and conditions

Terms change and disputes are about the version in force at the time. Dated versions at permanent addresses solve that; a replaced page does not.

host a changelog

How to host a changelog

Entries written for the person affected, newest first, at one address. Why version numbers alone tell users nothing they can act on.

host a status page

How to host a status page

A status page on the same infrastructure as the product goes down with it. Where to put it, what to write during an incident, and how fast.

host release notes

How to host release notes

Release notes buried in a support portal go unread. One address per release, anchored, is what sales and support actually use.

host meeting notes

How to host meeting notes

Notes pasted into a chat channel are gone in a week. One address per meeting, with decisions separated from discussion, survives.

host onboarding documents

How to host onboarding documents

One address per topic, written so somebody with no access yet can follow it. What the first week actually needs and what can wait.

host a job description

How to host a job description

Job boards expire and reformat. One address you control is what goes in the post, and it is what candidates forward to friends.

host a case study

How to host a case study

One address per case study, findable by the problem rather than by the client name. What to get approved, and what to do when you cannot name them.

host a press kit

How to host a press kit

Logos, a boilerplate paragraph, photographs at print resolution and a named contact. What journalists actually take, and what wastes their time.

host a media kit

How to host a media kit

Audience numbers, formats and prices at one address, updated in place. Why a PDF media kit is quoting last quarter within a month.

create a virtual tour

How to create a virtual tour

Shooting, stitching and publishing a walkthrough. Where to start each viewpoint, how many to shoot, and what makes a tour abandoned halfway.

create online course materials

How to create online course materials

Workbooks, handouts and reference pages. Which of those needs to be printable, which needs to be searchable, and why they are different artefacts.

ai resume review tools

Using a resume review tool

Parsing and keyword checks are genuinely useful. Judgement about which experience matters for a role is not something a score can supply.

brand guidelines examples

What good brand guidelines have in common

Published guidelines from large organisations are worth studying for structure, not for length. What a small business should copy and what to ignore.

How tracking links work

A separate address per place you publish answers the question. Tagged links cannot be printed, and shorteners take your links with them when they close.

how to make a portfolio

How to make a portfolio

The same five decisions apply to design, writing, engineering and teaching. Ordering, the floor, the brief, per-piece addresses and what to cut.

publish a thriller novel

How to publish a thriller

Genre readers buy on cover, category and the first page. What that means for where you publish and what the book page has to carry.

publish a brand book

How to publish a brand book

A brand book explains the thinking. Guidelines give suppliers the files. Publishing them as one document means neither job gets done.

professional portfolio

Building a portfolio for non-visual work

Operations, finance, project management and analysis produce no images. What to show instead, and how to do it without disclosing anything.

pdf productivity workflow

Setting up a document workflow

Most document friction comes from three habits. Naming, one current version, and publishing anything somebody outside reads.

share pdf with a team

How to share a document with a team

Attaching a document to a team message creates a copy per person. One address means everybody reads the same thing, including whoever joins later.

publish crime novel

Publishing a crime novel online

Serialised crime works because each chapter ends on a question. What a reading page needs, how to structure chapters, and where the address goes.

publish horror novel

Publishing a horror novel online

Horror depends on control of pace and of what the reader sees next. A reading page either protects that or destroys it with one loading spinner.

create online course pdf

Creating course materials as documents and pages

Workbooks belong in a fixed format because they get printed. Everything else in a course reads better as a page, and most of it is not printed.

virtual tour hosting

Where to host a virtual tour

Tour software exports a folder that runs in any browser. Where that folder lives decides whether the tour keeps working after the subscription ends.

track catalog downloads

Measuring downloads of a document

A file on a server records nothing useful by default. What to measure, how to set it up, and why opens beat downloads as a number.

How to share a video as a link

Video files are too large to send and too slow to serve yourself. A hosting service plus your own page is the arrangement that works.

Offering something in exchange for an email address

The exchange only works if what you give is worth more than the address. Most are not, and the format is usually wrong as well.

create interactive prototype

Getting a prototype in front of people

A prototype in a design tool is judged on a laptop by somebody who was shown it. A prototype at an address is judged by a user, alone.

Making slides that live at an address

Browser-based slides need no software, open on any device, and share as a link. What you give up and when that matters.

plotly js charts

Publishing an interactive chart

Interactive charts lose their hover on phones and their meaning without a caption. What to fix before sending the address to anyone.

hosting for agencies

Hosting arrangements for client work

Holding client hosting means holding their uptime, their renewals and their emergencies. How to structure it so that stays deliberate.

hosting freelancer agency

A freelance site that maintains itself

A freelancer’s own site competes with billable hours and always loses. Build it so it needs nothing, and put the effort into the work pages.

web hosting for students

Hosting your work while studying

University space disappears at graduation, along with every link on every application. Own the domain now and the work follows you.

create your own wordle

Building a daily word game as one page

A daily puzzle needs no server: the answer is derived from the date, progress is kept in the browser, and sharing is a line of text.

build text game twine

Making a branching story people can read

Branching narrative tools export a single file that runs anywhere. The writing problem is structure, and it is harder than the software.

best free text adventure games

Playing and publishing text games

Interactive fiction moved to the browser because a story is one file. What that means if you want to play, and if you want to publish.

indesign digital publishing

Publishing a print layout digitally

A layout designed for a page keeps its proportions and loses its readability on a phone. Which publications should convert and which should be rebuilt.

interactive html5 content

Making interactive content with a visual tool

Timeline tools export a folder that runs anywhere. The questions are weight, what happens on touch, and whether the interaction earns its cost.

Sharing a script as a link

Screenplay formatting is a standard and a fixed document is the right carrier. What an address adds is knowing it was opened.

Publishing a project document

A project document is read sceptically, on a phone, by people checking whether it changed. Publishing decisions matter as much as the writing.

booking link on a page

Adding booking to a page

Scheduling tools work. What loses bookings is a bare link with no context, an embed that fails on phones, and too many options.

build a simple freelance website

Building a freelance site in a day

Four pages, one stylesheet, your own domain. What to write, in what order, and why a framework is usually more work than plain styling.

first paying users

Testing whether anybody will pay

Before a product exists, a page describing it honestly with a price and one way to respond tells you more than another month of building.

google analytics for freelancers

Measuring a small freelance site

Small numbers make most analytics meaningless. Three things are worth watching, and enquiries matter more than all the visit figures.

Ways to compare (68)

How the available approaches differ, and which fits which job.

link vs attachment

Link vs attachment: six differences that decide it

Link vs attachment for a document: an attachment is a copy, a link is the document, and six consequences follow. Plus the two cases where a file still.

screenshot vs live page

Screenshot vs live page: what a picture silently removes

Screenshot vs live page: a picture removes selectable text, copyable numbers, the date, the screen reader, the phone layout and anything interactive..

host static html free

Host static HTML free: a file host, or a document?

Two ways to host static HTML free, and the difference is what you work on after: a file host makes the file the unit of work, a document makes the content.

codepen alternative

A CodePen alternative for when the reader wants the page

Looking for a CodePen alternative usually means the reader wants the finished page rather than the editor. What each format puts first, and how to choose.

pdf vs html file

PDF vs HTML file: fixed layout or fixed address

PDF vs HTML file is a choice between two opposite promises: a layout that never changes, or an address that shows the current version. Where each wins.

why send a link instead of an attachment

How to send a link instead of an attachment

When to send a link instead of an attachment: what an email body renders, why the attachment is the worst of the three routes, and what to write.

notion alternative

Choosing a Notion alternative

Most people want one specific thing fixed. Five categories of Notion alternative, what each is good at, and a ten minute test that beats a feature chart.

notion alternative for teams

Notion alternatives for teams

Seat cost, permissions, search and what outsiders see. The four things that decide a team workspace, plus a migration order that does not strand links.

notion alternative self hosted

Self hosted Notion alternatives

What self hosting a workspace involves: backups, upgrades, certificates, storage. When it is worth it, when a hybrid split is better, and how to test.

notion alternative open source

Open source Notion alternatives

Open source and self hosted are not the same thing. What the licence gives you, the categories worth evaluating, and how to check a project is still alive.

notion alternative no ai

Notion alternatives without AI features

No AI can mean three different things. What to check in the settings and in the terms, and which categories of tool genuinely stay quiet.

notion alternative with ai

Notion alternatives with AI

Two ways to get AI into a workspace: features inside the tool, or drafting in a chat and pasting the result. What each is good at, and where each fails.

notion alternative for personal use

Notion alternatives for personal use

One person does not need permissions, guest roles or admin panels. What to keep, what to drop, and the four categories that fit solo work.

notion alternative microsoft 365

Notion alternatives inside Microsoft 365

OneNote, Loop, SharePoint and Teams cover most of a workspace if you already pay for them. Where each fits, and the one gap they leave for outbound pages.

notion alternative google workspace

Notion alternative for a Google Workspace team

Google Workspace already covers most of what teams use Notion for, except one thing: a page that renders HTML at a stable address. Where each side fits.

confluence alternative

Choosing a Confluence alternative

Teams leave Confluence for four different reasons, and each one points at a different replacement. Sort by job first, then compare tools.

confluence alternative free

Free Confluence alternatives, sorted by what free means

Free wiki options split into three kinds, and only one of them stays free as the team grows. How to tell them apart before you migrate anything.

self hosted confluence alternative

Choosing a self hosted Confluence alternative

Self hosting a wiki is a real answer when data residency requires it. The comparison that matters is operational load per page read, not the feature list.

confluence alternative microsoft

Confluence alternatives inside Microsoft 365

SharePoint, OneNote, Loop and Teams cover most wiki jobs on a licence you already pay for. Where each one fits, and the one gap none of them closes.

alternative to confluence for documentation

An alternative to Confluence for documentation

Documentation fails for reasons a wiki cannot fix: staleness and findability. Compare replacements by how cheap a correction is, not by feature count.

embed html in confluence

Embedding HTML in a Confluence page

Three routes for putting HTML on a Confluence page, why pasted markup turns into plain text, and when linking to a rendered page beats embedding it.

PDF fixes the layout and freezes the content. HTML adapts and stays current. A row by row comparison and the cases where each one is the right answer.

html vs pdf accessibility

HTML vs PDF accessibility

Both formats can be accessible and only one is by default. What tagging actually costs, where PDFs fail on phones, and a checklist for each format.

static html vs dynamic

Static HTML vs dynamic pages

Static means the server sends the same file to everyone. Dynamic means it builds a response per request. How to tell which your page needs, with examples.

file sharing website

File sharing website or a link to a page

Transfer services move files. Pages show documents. Which one your situation needs, and the questions that decide it in about ten seconds.

free image hosting

Free image hosting, honestly

Expiry, hotlink blocking and address changes all happen quietly. The three checks before relying on one, and when to keep images with the page.

tiiny host alternative

Choosing a Tiiny Host alternative

Most one-file hosts do the same thing. The differences that matter are expiry, whether you can edit after publishing, and what happens to your address.

github pages alternative

Choosing a GitHub Pages alternative

Pages is free and excellent if you already work in repositories. For one file and no version control, the setup is most of the effort.

netlify alternative

Choosing a Netlify alternative

Deployment platforms are built around a pipeline. If your page has no build, most of what you are configuring is machinery you never needed.

scribd alternative for pdf hosting

Choosing a document hosting alternative

Document platforms surround your file with their branding, their reader and their prompts. What you give up, and when hosting it yourself is simpler.

virtual data rooms

Virtual data rooms, and when you need one

Per-user permissions, watermarking and an audit trail. Which transactions need that proof, and which are served by private addresses.

linktree alternative

Choosing a Linktree alternative

The one link you get is the most valuable address you have. What you give up by renting it, and how little it takes to own one instead.

carrd alternative

Choosing a Carrd alternative

Builders are fast until you want the page somewhere else. What a one page site actually needs, and what an export is worth when you leave.

google drive alternative for sharing

A Google Drive alternative for sharing

Drive is storage with sharing attached. For a recipient outside your organisation that shows up as permission screens and downloads.

dropbox alternative for sharing

A Dropbox alternative for sharing

Sync tools are built for files you work on. A client wants to read something, and the download-and-preview path is friction they did not sign up for.

free static website hosting

Free static website hosting, compared honestly

Free tiers differ in expiry, bandwidth and whether you can use your own domain. Which limit bites depends on what you are publishing.

html vs pdf for clients

HTML or PDF for client documents

Neither wins generally. Four questions decide it every time, and three of them have nothing to do with how the document looks.

tiiny host vs carrd

Upload a file or build in an editor

One takes a file you already have. The other builds a page from scratch. Picking the wrong one means either rebuilding or fighting an editor.

github pages vs cloudflare pages

Comparing two free static hosts

Both serve static files free with custom domains. The differences are build speed, whether private repositories work, and what happens under load.

ebook publishing platforms

Comparing ebook publishing platforms

Stores, aggregators and selling direct. What each takes in commission and in customer relationship, and why exclusivity is the real decision.

PDF flipbooks, honestly

A page-turn animation is a costume borrowed from paper. It is slow, it fails on phones, and search engines read none of it.

elearning authoring tools

Choosing an elearning authoring tool

Authoring tools produce packages that only run inside a platform. What that locks up, when it is worth it, and what a page does instead.

Hosted or self-hosted learning platform

Self-hosting is free until somebody has to maintain it. What each route costs in money and in attention, and what decides it.

ai vs no code builder

Prompting or a no-code builder

Prompting produces a file you own and can change anywhere. A builder produces a design inside a product. That difference decides the next two years.

best ai landing page builders

Choosing a landing page builder

Every one of them produces a page in minutes. Speed, whether you can export, and what the free tier removes are what separate them.

saas learning management systems

Choosing a hosted learning platform

Per-learner pricing rewards small cohorts and punishes growth. What to check before signing, and the export question nobody asks at the start.

google drive hosting alternative

Hosting a web page from a drive

Serving web pages from a storage drive was withdrawn years ago, and the guides recommending it are still online. What to do instead.

scribd vs issuu

Comparing document publishing platforms

One is a reading subscription, the other a publishing viewer. Both put your document inside their product, and that is the decision.

tiiny host vs netlify drop

Comparing the quick ways to publish a page

Every drag-and-drop host publishes a page in a minute. They differ on what happens on day thirty, when the page needs a correction.

tiiny host vs cloudflare pages

Choosing between a document host and a build platform

One expects a finished page, the other expects a repository and a build. Comparing their feature lists answers the wrong question entirely.

vercel vs github pages

Publishing a single page from a repository

Repository pages are free and static. Deployment platforms add builds, previews and functions. For a single finished page, most of that is unused.

instructional design authoring tools

How to compare course authoring tools

Authoring tools differ less in what they build than in what comes out and where it can go. Output format is the decision that survives the trial.

articulate 360 review

How to evaluate a course authoring suite

Suites are strong at building and opinionated about publishing. What to test in the trial, and the questions that only matter after year one.

photoshop alternative

Choosing an image editor by what you do

Most people pay a subscription for four operations. What replaces it depends on whether you edit photographs, make graphics, or crop screenshots.

smallpdf vs yumpu

Editing tools and publishing platforms compared

One changes a file and hands it back. The other puts it on the internet at their address. Choosing wrong is how documents end up branded by a stranger.

Producing print-ready documents without a subscription

Open-source layout tools produce print-ready documents at no cost. The export settings are where a job succeeds or comes back from the printer.

tiiny host vs surge

Publishing from a terminal or from a browser

One publishes with a terminal command, the other with a browser. The right one is whichever the person maintaining the page already uses.

Generated site builders, and what to check

Generating a layout in a minute is real. What matters afterwards is whether you can take the page with you and what a correction costs.

no code ai chatbot builder

Do you need a chatbot or a better page?

Most questions a bot answers come from information the site never displayed. A good page answers them faster and costs nothing to run.

web hosting cost

What hosting actually costs

The monthly figure is the smallest part. Renewal jumps, the domain, the certificate and the time to change one line are the actual bill.

static website templates

Picking a template for a small site

A template saves the layout and hands you somebody else’s decisions. Which ones are cheap to change and which ones you are stuck with.

share files using google drive

Sharing a file from cloud storage

Storage sharing is built for colleagues with accounts. Used on customers it produces permission screens, downloads and a link you cannot brand.

share files using dropbox

Sharing from a sync folder

A sync folder keeps machines identical, which is a different problem from showing somebody a document. Using one for the other creates the friction.

flourish studio html

Embedding or exporting a chart

An embed keeps the chart on the vendor’s service. An export gives you a folder. The difference decides whether the chart outlives the subscription.

web hosting for small business

Choosing hosting for a small business

Most small business sites are opening hours, services and a phone number. That is a static site, and the traditional hosting stack is overhead.

drag and drop website builder

Deciding whether a visual builder suits you

Building visually is genuinely faster for many people. The question nobody asks in the trial is what survives if you stop paying.

web hosting for developers

Choosing hosting as a developer

Static, functions, a container or a machine. Each step up adds capability and adds something you now maintain, and most projects stop at the first.

static site generators

Choosing a static site generator

They all turn source content into pages. Pick on the language your team reads and whether the build will still run in three years.