Beefy Boxes and Bandwidth Generously Provided by pair Networks
Think about Loose Coupling
 
PerlMonks  

Re: Update the GUI

by CountZero (Bishop)
on Jul 20, 2016 at 06:07 UTC ( [id://1168111]=note: print w/replies, xml ) Need Help??


in reply to Update the GUI

"CSS like"? What does that even mean?

If you take a little effort you will see that the Perlmonks pages are a nice example of good CSS-use.

CountZero

A program should be light and agile, its subroutines connected like a string of pearls. The spirit and intent of the program should be retained throughout. There should be neither too little or too much, neither needless loops nor useless variables, neither lack of structure nor overwhelming rigidity." - The Tao of Programming, 4.1 - Geoffrey James

My blog: Imperial Deltronics

Replies are listed 'Best First'.
Re^2: Update the GUI
by $h4X4_|=73}{ (Monk) on Jul 20, 2016 at 08:40 UTC

    "CSS like"? What does that even mean?
    1)It means not having deeply-nested html tables for everything.
    2)Use of modern CSS reduces the amount of markup making load times faster.
    3)"Tables for layouts are a legacy method that should not be used any more. Layouts utilizing div blocks, and in the near future, CSS3 Multi-column Layout or CSS3 Flexible Box Layout, should be used instead."

    Tons of lots of talks about it and no action. If they have waited this long they do not care, so why bother.

      Help for Display Settings

      Theme Configuration

      The appearance of the PerlMonks site can be changed by choosing from one of several themes . You can stay with the default or pick a specialized theme. The dark theme exists for the people who prefer light text on dark backgrounds. Choosing a theme other than the default makes it easy to remember if you are logged in or not. "Monk pictures off" turns off the random monk picture in the top right corner of every page, while "Monk quips off" turns off the pithy quotes on the top left. Stylesheet Settings

      In addition to the themes above, you can alter the appearance of the PerlMonks site with your own custom CSS stylesheets.

      • Link to external CSS stylesheet: You can link to a stylesheet you maintain on another webserver by entering the stylesheet's URL here. This stylesheet will be loaded after any stylesheets specified for your selected theme.
      • On-Site CSS Markup: Any CSS code you enter here will be inserted into all pages you view.
      • Link to CSS stylesheet for print display type: At the top of each page just under the title are two links labeled "print" and "xml". The print link causes the current page to be redisplayed in a format suitable for printing. You can alter this format by specifying a stylesheet to use for print display type.

      > 3)"Tables for layouts are a legacy method that should not be used any more. Layouts utilizing div blocks, and in the near future, CSS3 Multi-column Layout or CSS3 Flexible Box Layout, should be used instead."

      Display Settings

    • Lay out nodelets as <div> instead of <table> ?
    • Lay out main content as <div> instead of <table> ?
    • Lay out threads as <div> instead of <table> ?
    • > Tons of lots of talks about it ...

      It's obvious that we have to stay somehow backwards compatible to

      • people sticking to the (16 years) old design
      • people disabling JS
      • people using the huge variety of options (which were entered over time to please individuals like you)
      • robots parsing PM (like this cool "google" thing)

      That's called legacy ...

      So what's the appropriate reply to your critic?

      • bullshit?
      • stupid?
      • ignorant?
      • you didn't read these "talks about it", but cared to comment?
      please choose two or more!

      > and no action.

      TobyInk acted, I acted, others acted.

      There are already plenty of interfaces and possibilities "to act".

      > If they have waited this long they do not care, so why bother.ッ

      Well did you act yet?

      Provide a migration concept which doesn't kill backwards compatibility and a suggest a better design as default theme, please.

      I've just shown you all some open APIs to do so.

      And please read some of these "talks about it".

      Cheers Rolf
      (addicted to the Perl Programming Language and ☆☆☆☆ :)
      Je suis Charlie!

        42 Errors, 91 warning(s)

        What the people are doing 16 years later is using XHTML/HTML5 in a site that has a HTML 4.01 document type.
        The legacy support you claim looks like it would break for some people if that keeps up.

        That is one reason why people started to use BBcode 17 years ago, post would be portable to HTML changes and it would be harder for people to misuse HTML.

        But If I listened to you. Then everything is all good and I'm dumb.

        ¯\_(ツ)_/¯

      ++ for reading the questions correctly, however–

      If they have waited this long they do not care, so why bother.ッ

      “They” is a set which includes “you.” Plenty of us care. We just do not have tuits for this code-base. I have said I would be first in line to put in hours on a post-90s rewrite more than once.

        Yo Mama! :)

        I don't think the code base is the problem, as I showed we already have every thing it needs to design better themes.

        It's just that programmers are not designers!

        Me for instance don't feel qualified to think about colors or rounded corners.

        Probably just hiring someone would do.

        If I was forced to build a design, I'd probably just steal colors and fonts from StackOverflow. (At least for a start)

        Regarding better responsiveness and more intuitive handling of the user interface, this could be fairly good achieved with some additional JS without even touching the code base.

        Cheers Rolf
        (addicted to the Perl Programming Language and ☆☆☆☆ :)
        Je suis Charlie!

      There are tons of talks about chemtrails, that doesn't make them right. Besides ... there's tables for layouts and tables for ... wait for it ... tables. If it looks like a table onscreen, it ought to be a table in HTML!

      Jenda
      Enoch was right!
      Enjoy the last years of Rome.

        And there is also CSS that can make an HTML element act just like a table reducing HTML. display

        <style> .side { width:150px; display: table-cell; } .content { display: table-cell; width: 90%; } .wrap { display: table; width: 100%; } </style> <div class="wrap"> <div class="side">Left Side</div> <div class="content">Content</div> <div class="side">Right Side</div> </div>

          A reply falls below the community's threshold of quality. You may see it by logging in.

Log In?
Username:
Password:

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

How do I use this?Last hourOther CB clients
Other Users?
Others making s'mores by the fire in the courtyard of the Monastery: (9)
As of 2024-03-28 09:39 GMT
Sections?
Information?
Find Nodes?
Leftovers?
    Voting Booth?

    No recent polls found