Code Monkey home page Code Monkey logo

Comments (4)

freeman-lab avatar freeman-lab commented on July 17, 2024 1

@dfcreative cool thanks, funny coincidence! This is great info, really helpful to know. I'll make issues for these points.

I also just checked out gl-spectrum, that's really nice! I've done something similar for a few art music things (not nearly as well) so am excited to see how you did it. πŸ‘€ πŸ˜„

from control-panel.

rreusser avatar rreusser commented on July 17, 2024

Yup. Range slider = my bad. No good reason that's not implemented, just kinda ad-hoc and nontrivial to get all the touch behavior just right. πŸ˜„

from control-panel.

dy avatar dy commented on July 17, 2024

I considered your code and functionality (I like it very much actually), and I have a proposal which can be winning both for control-panel and prama, to avoid duplicating.
I can take control-panel as a dependency for prama, and provide high-level interface for it, in particular:

  • Optional settings menu button, which opens/closes the control-panel
  • Show control-panel in popup/dialog/sidebar/dropdown, optional
  • Draggable/resizable
  • Placing options
  • Saving/recovering state to session/local storage
  • Reflecting state in history, optional

In turn, control-panel will be responsible for managing components, their values, state, style.
I think it might be winning both for users who want fast-and-furious settings (instead of test runners btw) and for the ones who want minimal code with high customization (pure control-panel). It also will clean up and separate concerns of both packages.
Anyways I was going to spend some time on it.

The only thing, I need a couple of improvements to the API of control-panel:

  • per-component input event - it is very handy in practice, instead long switch or chain of ifs.
  • help property for components. Sometimes user changes an option which requires reloading the page, and showing little help message is helpful. Also there can be other purposes. It is hidden by default, and shows up under the field.
  • make font hack.min.css optional, redefinable via options
  • for my taste - rename initital to value, separate label and name (label can be too fancy), add hidden attribute (in case of dependent fields, where one field enables other field).
    If you are down for that, I can make a couple of PRs, including #12 (if @rreusser doesn’t mind).

from control-panel.

rreusser avatar rreusser commented on July 17, 2024

Don't mind at all! Everyone wins!

from control-panel.

Related Issues (16)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.