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?

SYS64738

---
� Synchronet � TEXNet
* Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)

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)

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?

Here is another link with a more in-depth look at media query techniques
for responsive page layout.

A Complete Guide to CSS Media Queries https://css-tricks.com/a-complete-guide-to-css-media-queries/
--
──┏━━━━┓──┏━━┓───┏━━┓── ┌────────────────────────┐ ┌────────┐
──┗━━┓─┃──┗┓─┃───┗┓─┃── │ 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)

Re: Mobile Web Pages
By: Sys64738 to All on Mon Nov 08 2021 10:47 am

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?

ecWebv4 (for Synchronet) uses bootstrap to achieve this. You can see it in use at web.synchro.net
--
digital man

Breaking Bad quote #21:
You? No. The only shooting you do is into a Kleenex. - Hank
Norco, CA WX: 71.0�F, 46.0% humidity, 4 mph WNW wind, 0.00 inches rain/24hrs --- SBBSecho 3.14-Linux
* Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)

Re: Re: Mobile Web Pages
By: 711 Spooky Mart to alt.bbs.synchronet on Mon Nov 08 2021 14:40:41

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/

Good info! Thanks!

SYS64738

---
� Synchronet � TEXNet
* Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)

Re: Re: Mobile Web Pages
By: 711 Spooky Mart to alt.bbs.synchronet on Mon Nov 08 2021 14:47:37

Here is another link with a more in-depth look at media query techniques
for responsive page layout.

A Complete Guide to CSS Media Queries https://css-tricks.com/a-complete-guide-to-css-media-queries/

Awesome. Thanks again!

SYS64738

---
� Synchronet � TEXNet
* Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)

Re: Mobile Web Pages
By: Digital Man to Sys64738 on Mon Nov 08 2021 13:40:01

ecWebv4 (for Synchronet) uses bootstrap to achieve this. You can see it in use at web.synchro.net

I will check it out. Thanks!

SYS64738

---
� Synchronet � TEXNet
* Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)