Beefy Boxes and Bandwidth Generously Provided by pair Networks
We don't bite newbies here... much
 
PerlMonks  

Re^4: Title bar and menu face lift?

by Lady_Aleena (Curate)
on Sep 11, 2020 at 22:56 UTC ( #11121642=note: print w/replies, xml ) Need Help??


in reply to Re^3: Title bar and menu face lift?
in thread Title bar and menu face lift?

All that will happen without javascript is that the details boxes will be closed for desktop users. That is no biggie. They will still toggle open without javascript.

PerlMonks has to modernize. That means not sticking to HTML4.01/XHTML and CSS2. This site needs to become responsive and mobile friendly. Why not use tools that are already accepted by most browsers? I find it off-putting that new things are ignored just because they are new. Getting divs and checkboxes to work for collapsing is a pain, so using details makes sense.

There will be teething pains, but those should go away quickly enough. Give this a chance, please?

My OS is Debian 10 (Buster); my perl versions are 5.28.1 local and 5.16.3 or 5.30.0 on web host depending on the shebang.

No matter how hysterical I get, my problems are not time sensitive. So, relax, have a cookie, and a very nice day!
Lady Aleena

Replies are listed 'Best First'.
Re^5: Title bar and menu face lift?
by marto (Cardinal) on Sep 12, 2020 at 10:44 UTC

    "I find it off-putting that new things are ignored just because they are new."

    I don't think that is the case here. JavaScript is not required for a mobile friendly responsive front end. This sort of discussion is worth considering. My feelings are that the major issue preventing more development work (front or backend) is the fundamentals of the everything engine (N.B. this site runs a fork of everything made long ago). The mechanics of how it all hangs together are daunting to casual users. If I had time I'd work on a modern reimplementation in Mojolicious for a cleaner approach. Use of a more modern, far simpler framework would have several benefits, including making it less daunting for people to contribute.

Re^5: Title bar and menu face lift?
by jdporter (Canon) on Sep 12, 2020 at 17:52 UTC

    If you haven't already, try this: go to your Display Settings, and turn on the three options Lay out {nodelets|main|threads} as <div> instead of <table>. Then add CSS in the On-Site CSS Markup box to style those divs as you like. And in Free Nodelet Settings you can add javascript to mess around with behaviors and such. And when you've gotten something working you think is really cool, share it in PMD with "[Free Nodelet Hack]" in the title. :-)

    Here's how I have customized my layout using the above method: screenshot
    The big scrollable box near the top contains the "main" part of the page.
    The colored nodelet boxes below that float. :-)

    I reckon we are the only monastery ever to have a dungeon stuffed with 16,000 zombies.
Re^5: Title bar and menu face lift?
by jcb (Vicar) on Sep 13, 2020 at 02:55 UTC
    That means not sticking to HTML4.01/XHTML and CSS2.

    Why?

    PerlMonks is a collection of documents. HTML4.01/XHTML are document markup.

    PerlMonks is not a Web N.0 collection of hipster "application" garbage. HTML5 is for applications and CSS is backwards/upwards compatible — you can use CSS3 with HTML4.01 and XHTML just fine.

    The HTML4 specification specifies document structure and leaves all details to the user's renderer. The HTML5 specification includes lengthy prescriptions for details of event processing. HTML4 is for documents; HTML5 is for hipster "application" garbage.

    This site needs to become responsive and mobile friendly.

    These issues were considered in HTML4.01 and early CSS. Proper HTML4.01 logical markup is mobile friendly. (Consider the media attribute on the <link rel="stylesheet"> tag.) "Responsive" seems to be a content-free buzzword as far as I can tell, so I say the site is already responsive, because "responsive" has no meaning.

    I find it off-putting that new things are ignored just because they are new.

    I find it off-putting that new things are introduced instead of learning how to use the existing technologies that can already solve the problem at hand.

    Getting divs and checkboxes to work for collapsing is a pain, so using details makes sense.

    You have a worked example in SearX. Why are you complaining about this?

      "Responsive" seems to be a content-free buzzword as far as I can tell...

      Well, it's not really. Please see Responsive web design. Thanks.

      I reckon we are the only monastery ever to have a dungeon stuffed with 16,000 zombies.

Log In?
Username:
Password:

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://11121642]
help
Chatterbox?
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others imbibing at the Monastery: (2)
As of 2020-12-06 02:15 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?
    How often do you use taint mode?





    Results (65 votes). Check out past polls.

    Notices?