• garretble@lemmy.world
    link
    fedilink
    English
    arrow-up
    12
    arrow-down
    1
    ·
    2 days ago

    I think just general UI stuff across at least the homepage

    • Some buttons that wrap touch each other
    • There’s a banner at the top (since I don’t have an account) that has weird, off-center margins
    • When I first went to the site I guess the Explore dropdown didn’t load so it was an empty dropdown (though it’s now populated so that may have been a one off network request issue)
    • If I have scrolled down the page a bit, every time I click an item in the main nav (like Explore) the page scrolls up by about 15 pixels for some reason
    • The Piefed logo isn’t horizontally centered with the actual nav items so the text doesn’t line up correctly

    This is obviously using Bootstrap to handle the UI, and that’s fine. I’m not knocking that necessarily. But it’s a little jank and rough around the edges. These are things I noticed in, like, 30 seconds.

    And this isn’t to say that Lemmy.world is perfect or anything. And I don’t really use the desktop site for Lemmy. I just use Voyager on my pc. But even the Lemmy site feels a little more solid, if that makes sense (even if Lemmy.world is also using Bootstrap).

    • wjs018@piefed.social
      link
      fedilink
      English
      arrow-up
      6
      ·
      edit-2
      1 day ago

      I was only able to reproduce one of these with some local testing (the not-logged-in banner). What browser are you using? As for the Explore dropdown (and most dropdowns in the web ui), they use htmx to populate, so if there is a network hiccup, then it will just show up empty. Lastly, I believe you on the buttons wrapping weird. I have caught and fixed a lot of those in my time contributing to piefed, so would always appreciate help identifying where it is happening.

      A big priority for rimu when making piefed is to keep the request size small to accommodate very poor network connections. From talking with him, he has historically had to deal with extremely tenuous internet access in the past and wants to be able to still function in those environments (a user setting can also enable low bandwidth mode to disable things like images). That is just really hard to do using the javascript frameworks that a lot of modern web interfaces use these days. So, we have compromised and sprinkled in some interactivity where it makes the most sense using tools like htmx or vanilla javascript. However, it can make the site feel a bit like internet 1.0 at times.

      With the piefed api maturing, there is now the option to simply use an alternative frontend (photon, blorp, etc.) or a mobile app (voyager, interstellar, etc.) instead. The main area of the site that we have not included in the api is the admin area, so managing things like defederations would still have to be done through the web UI.

      Thanks for the feedback!

      • Mose13@lemmy.world
        link
        fedilink
        English
        arrow-up
        3
        ·
        1 day ago

        Incredible optimization! I don’t think Blorp will ever be able to deliver a web experience as low data as the official UI. However, if you download Blorp (or any of the other apps)  then you no longer have to send frontend code over the network. The only data that needs to be downloaded at runtime is API requests. Suddenly the network usage looks a lot more similar to the official UI (though I should test to confirm).

    • tamal3@lemmy.world
      link
      fedilink
      English
      arrow-up
      3
      ·
      edit-2
      2 days ago

      Can I also say, as a somewhat normie human, that it’s called PieFed? I might need a little background information on this one.

      Though I do participate in a group named Lemmy.

      • wjs018@piefed.social
        link
        fedilink
        English
        arrow-up
        8
        ·
        1 day ago

        I believe the origin is a portmanteau of python (the language piefed is written in) and fediverse. The pie imagery is more for fun.

        Fun fact, the dev server that lives at the bleeding edge of the codebase is called crust.

        • Tuukka R@piefed.ee
          link
          fedilink
          English
          arrow-up
          1
          ·
          19 hours ago

          At least the Codeberg git repository is called pyfedi, which I think could be the original name of this? Py comes from the programming language used, Python. And Fedi is, well, Fedi :)

          And then maybe PyFedi became PieFed because Rimu is from New Zealand and those DAMN KIWIS are SERIOUSLY MAD ABOUT PIES! 🤣