• Mobile Web Pages

    From Sys64738@VERT/TXNET1 to All on Monday, November 08, 2021 10:47:41
    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
  • From 711 Spooky Mart@VERT to alt.bbs.synchronet on Monday, November 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/
    --
    ĿĿĿ Ŀ Ŀ Ŀijijij Spooky Mart [chan] 711 always ijij https://bitmessage.org open
    --- Synchronet 3.19a-Win32 NewsLink 1.113
    Synchronet Vertrauen Home of Synchronet [vert/cvs/bbs].synchro.net
  • From 711 Spooky Mart@VERT to alt.bbs.synchronet on Monday, November 08, 2021 14:47:37
    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/
    --
    ĿĿĿ Ŀ Ŀ Ŀijijij Spooky Mart [chan] 711 always ijij https://bitmessage.org open
    --- Synchronet 3.19a-Win32 NewsLink 1.113
    Synchronet Vertrauen Home of Synchronet [vert/cvs/bbs].synchro.net
  • From Digital Man@VERT to Sys64738 on Monday, November 08, 2021 13:40:01
    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.0F, 46.0% humidity, 4 mph WNW wind, 0.00 inches rain/24hrs

    ---
    Synchronet Vertrauen Home of Synchronet [vert/cvs/bbs].synchro.net
  • From Sys64738@VERT/TXNET1 to 711 Spooky Mart on Monday, November 08, 2021 20:35:06
    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
  • From Sys64738@VERT/TXNET1 to 711 Spooky Mart on Monday, November 08, 2021 20:35:36
    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
  • From Sys64738@VERT/TXNET1 to Digital Man on Monday, November 08, 2021 20:38:19
    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