Duet3D Logo Duet3D
    • Tags
    • Documentation
    • Order
    • Register
    • Login

    Flat & Clean Web UI

    Scheduled Pinned Locked Moved
    General Discussion
    7
    9
    2.0k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • iDeveloundefined
      iDevelo
      last edited by

      So i thought i'd have a quick cleanup of the UI. Removed all the gradients, shadows and border radius's - got a bit carried away, but i seem to have lost a fair bit of that stock Bootstrap look that the other 10 million sites have.

      I've uploaded the files here: https://www.dropbox.com/sh/atzw0xy670olb50/AACj7tu6WV29g_tqUWP_rQuIa?dl=0

      1 Reply Last reply Reply Quote 0
      • Cataundefined
        Cata
        last edited by

        Beautiful

        1 Reply Last reply Reply Quote 0
        • T3P3Tonyundefined
          T3P3Tony administrators
          last edited by

          I can see the appeal in a simpler interface, Ideally though users would be able to choose between UI implementations/skins. How easy is it for this to be kept up to date with future functionality in the web interface?

          www.duet3d.com

          1 Reply Last reply Reply Quote 0
          • iDeveloundefined
            iDevelo
            last edited by

            It's just CSS so far and a local font so really easy.

            I'm just playing to give Chris some ideas on how a few changes would look. I know he likes all the gradients etc so I'm trying to change his mind!

            1 Reply Last reply Reply Quote 0
            • Flyer007undefined
              Flyer007
              last edited by

              Looking cool. Is there documentation out there on the file structure controlling the interface? I would love to play with customizing it but can't invest the time in figuring out what is controlling what.

              1 Reply Last reply Reply Quote 0
              • minskundefined
                minsk
                last edited by

                very verry coool…how did you access the style sheet....looks great...im into clean and flat.....that being said...these guys are doing an amazing job on this sw and hw

                1 Reply Last reply Reply Quote 0
                • iDeveloundefined
                  iDevelo
                  last edited by

                  All the sources are available on GitHub. Editing the css means you need to re-package and upload.

                  1 Reply Last reply Reply Quote 0
                  • Jackalundefined
                    Jackal
                    last edited by

                    You can also download the zip file then copy the 2 css files into your browser add-on such as Stylish to apply it on top.

                    1 Reply Last reply Reply Quote 0
                    • briangilbertundefined
                      briangilbert
                      last edited by

                      I really don't like the black bars personally.

                      Co-creator of the Zesty Nimble direct drive extruder

                      1 Reply Last reply Reply Quote 0
                      • First post
                        Last post
                      Unless otherwise noted, all forum content is licensed under CC-BY-SA