• Posts
  • RSS
  • ◂◂RSS
  • Contact

  • New Bucket Brigade UI

    December 23rd, 2020
    bucket_brigade, singing, tech  [html]
    After using the UI that the Ritual Engine folks built for Solstice, I was feeling a bit embarrassed with how awkward and confusing stand-alone Bucket Brigade was:

    I took a pass over it to make the UI more coherent:

    There are a lot of changes, but the biggest ones:

    • There is now an explicit concept of 'bucket' in the UI:

      • Names are drawn in the appropriate bucket for their position.

      • You can join a bucket by clicking a button.

      • You shouldn't have to deal with numeric positions.

      • If you do need it there is still a box where you can manually enter a position, and positions are displayed in the mixing console

    • It uses the whole page instead of making you scroll around:

      • Links are across the top

      • Controls are across the bottom

      • If there is too much to display in the main panel, just not panel scrolls.

    • There are multiple main panels, with a tabbed interface.

    • Settings for configuring roundsinging are out of the main flow, on the "Advanced Settings" tab.

    • Debug settings are divided into ones that only affect you versus ones that affect everyone.

    • There's a setting for adjusting how loud the backing track / metronome is, if you're using one.

    • Instead of looking at the user agent string to determine whether the browser supports what we need, we specifically test for them (if (window.AudioWorklet) ...).

    • It is a (debatably) tasteful blue, and has a logo.

    Since the app only works in modern browsers anyway, I styled the UI with flexbox. It's wonderful that there is now a way to use CSS that is solidly better than tables.

    I'm pretty happy with it, and while we still don't have automated tests it seems to work correctly with my poking at it. If you find any problems or have suggestions, please let me know either in the comments here or by filing an issue.

    Comment via: facebook, lesswrong

    Recent posts on blogs I like:

    How to Build High-Speed Rail with Money the United States Has

    The bipartisan infrastructure framework (BIF) just passed the Senate by a large margin, with money for both roads and public transportation. Unlike the 2009 Obama stimulus, the BIF has plenty of money for high-speed rail – not just $8 billion as in the 20…

    via Pedestrian Observations July 31, 2021

    Collections: The Queen’s Latin or Who Were the Romans, Part V: Saving And Losing an Empire

    This is the fifth and final part (I, II, III, IV) of our series asking the question ‘Who were the Romans?’ How did they understand themselves as a people and the idea of ‘Roman’ as an identity? Was this a homogeneous, ethnically defined group, as some ver…

    via A Collection of Unmitigated Pedantry July 30, 2021

    Songs about terrible relationships

    [Spoilers for several old musicals.] TV Tropes lists dozens of examples of the “I want” song (where the hero of a musical sings about their dream of escaping their small surroundings). After watching a bunch of musicals on maternity leave, I’m wondering h…

    via The whole sky July 17, 2021

    more     (via openring)


  • Posts
  • RSS
  • ◂◂RSS
  • Contact