How to make a simple 'vintage' HTML website but that will work on mobile?

#1

Post by mymythisisthis » Thu, Apr 18, 2019, 1:26 AM UTC

How to make a simple 'vintage' html website but that will work on mobile?

I enjoy that static websites from the early web. I don't need anymore, don't want anymore.

How do I make one that works well on a mobile phone?

What are the best resources to read to do such a simple task?

Best standards for creating a simple static website of today?

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#2

Post by dylanhassinger » Thu, Apr 18, 2019, 1:52 AM UTC

First step is just try adding a responsive meta tag to the head of your HTML page:

https://css-tricks.com/snippets/html/responsive-meta-tag/

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#3

Post by christophergray » Thu, Apr 18, 2019, 2:10 AM UTC

You don't even need any CSS styling, because the default style with just HTML will work fine on a mobile phone. This one-page document is all you need to know for a simple site.

https://developer.mozilla.org/en-US/docs/Learn/Getting_start...

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#4

Post by ohiovr » Thu, Apr 18, 2019, 2:15 AM UTC

Really old vintage sites were just text. Using h1,h2,h3 tags you should have text large enough to be readable. On the other hand is that vintage, or is that archaeological?

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#5

Post by the_jpg » Thu, Apr 18, 2019, 3:09 AM UTC

Write little CSS as possible, this was the method that i used on my own [0], and as you are at it, try to use little as possible of JS too (in my case i use none)

[0] http://jpg.computer

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#6

Post by [deleted] » Thu, Apr 18, 2019, 3:18 AM UTC

[deleted]

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#7

Post by leerob » Thu, Apr 18, 2019, 3:42 AM UTC

I would recommend "Web Design in 4 Minutes" to understand how to use HTML/CSS to make something simple, yet elegant.

https://jgthms.com/web-design-in-4-minutes/

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#8

Post by elamje » Thu, Apr 18, 2019, 3:52 AM UTC

A great place to write and host the static page is https://repl.it You'll be able to code in the browser IDE, then instantly see the changes reflected at their url, or your custom url. Also a YC company

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#9

Post by elamje » Thu, Apr 18, 2019, 3:52 AM UTC

elamje wrote: post #8

A great place to write and host the static page is https://repl.it You'll be able to code in the browser IDE, then instantly see the changes reflected at their url, or your custom url. Also a YC company

Sorry if this isn't your question, but it seems too good not to mention for your task.

Re: How to make a simple 'vintage' HTML website but that will work on mobile?

#10

Post by Ultramanoid » Thu, Apr 18, 2019, 4:21 AM UTC

https://news.ycombinator.com/item?id=19179407