• Mobile Web Pages

    From Sys64738@1:103/705 to All on Mon Nov 8 10:47:41 2021
    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 711 Spooky Mart@1:103/705 to alt.bbs.synchronet on Mon Nov 8 14:40:41 2021
    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 711 Spooky Mart@1:103/705 to alt.bbs.synchronet on Mon Nov 8 14:47:37 2021
    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)
  • From Digital Man@1:103/705 to Sys64738 on Mon Nov 8 13:40:01 2021
    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)
  • From Sys64738@1:103/705 to 711 Spooky Mart on Mon Nov 8 20:35:06 2021
    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)
  • From Sys64738@1:103/705 to 711 Spooky Mart on Mon Nov 8 20:35:36 2021
    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)
  • From Sys64738@1:103/705 to Digital Man on Mon Nov 8 20:38:19 2021
    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)