Build Websites with HTML, CSS and JavaScript on a Phone

Develop and preview responsive static sites locally using a text editor, browser and small HTTP server.

Core ideas

• Use semantic HTML before adding scripts or visual effects.
• Test at narrow widths, keyboard navigation and both light and dark themes.
• Serve files over localhost instead of relying on file:// behaviour for modules and fetch requests.

Decision rule

If the site only works at one screen width or one repository path, it is not finished.

Apply it on your phone

Create a bilingual one-page site and validate every local link from a subfolder deployment.

Official sources

• https://developer.mozilla.org/en-US/docs/Learn_web_development