Subj : Re: Mobile Web Pages
To   : alt.bbs.synchronet
From : 711 Spooky Mart
Date : Mon Nov 08 2021 14:40:41

From Newsgroup: alt.bbs.synchronet

On 11/8/21 10:47 AM, Sys64738 wrote:
> I'm looking to set up my web presence for my bbs with web pages that detect mobile/tablet browsers and present web pages tailored to those type browsers by default.  Has anyone explored this already so I'm not trying to reinvent the wheel so-to-speak?

Use responsive CSS3 to change size and layout of page elements based on
viewport and @media declarations. This is called "responsive layout."

Don't use JavaScript. You'll have to do ten times as much coding with
JavaScript as CSS3, it will be more error-prone, and it will slow down
page loading.

It may take an hour or two to really grok what the DOM is doing with
CSS3 @media statements. It's a lot easier than messing around with JS. I
have built many, many websites without a single line of JavaScript that
look clean and scaled perfectly to whatever device is viewing.

You can also find free 'pure CSS3' responsive templates online that will
speed you on your way.

Here is a good start:

Responsive Web Design - Media Queries
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Responsive Web Design - The Viewport
https://www.w3schools.com/css/css_rwd_viewport.asp

Viewport concepts
https://developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts

Fun With Viewport Units
https://css-tricks.com/fun-viewport-units/
-- 
──┏━━━━┓──┏━━┓───┏━━┓──  ┌────────────────────────┐ ┌────────┐
──┗━━┓─┃──┗┓─┃───┗┓─┃──  │ Spooky Mart [chan] 711 │ │ always │
─────┃─┃──┏┛─┗┓──┏┛─┗┓─  │ https://bitmessage.org │ │  open  │
─────┗━┛──┗━━━┛──┗━━━┛─  └────────────────────────┘ └────────┘
--- Synchronet 3.19a-Win32 NewsLink 1.113
 * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)

.