Giter VIP home page Giter VIP logo

Comments (22)

quat1024 avatar quat1024 commented on September 24, 2024

It would be super super cool if there was a dropdown menu on the left half of the block (class, id, etc), but because of the sheer number of html attributes, how do we make the menu not fill the whole screen? There's a loooooooooooooot of attributes in html.

from elemental.

PullJosh avatar PullJosh commented on September 24, 2024

Hmm... how about a searchable dropdown, that only shows up to, say, 10 items at a time. You can scroll through it like the scratch key press block dropdown, or you can type to filter out attributes. :D

from elemental.

quat1024 avatar quat1024 commented on September 24, 2024

Yeahhhh

It would be sorted in alphabetical order, starting from the second page. The most commonly used ones would be on the first page too for easier access. 😄

from elemental.

towerofnix avatar towerofnix commented on September 24, 2024

Make it so that the input is a text-dropdown so that you can type in it, say, data-line-id.

from elemental.

PullJosh avatar PullJosh commented on September 24, 2024

Like the list blocks in scratch (item [EPIC DROPDOWN] of list [bleh dropdown]), but searchable.

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

I've made searchable dropdowns before in HTML (React.js is amazing), but do we plan to use canvas or the dom?

from elemental.

quat1024 avatar quat1024 commented on September 24, 2024

^ Good question

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

What does pixie use?
IMO, dom would be easier.

I think.

But if we do DOM, I would suggest that everybody play with Riot.js and React.js because they're really good for components (blocks, in this case) - especially Riot, since it's easier.

from elemental.

PullJosh avatar PullJosh commented on September 24, 2024

I'm not sure what's best, in this case, but DOM seems to make a bit more sense...

I'll check out Riot.

from elemental.

quat1024 avatar quat1024 commented on September 24, 2024

What does pixie use?

Some quick Inspect-Elementing tells me that pixie uses a separate for every block, and absolutely-positions them in the DOM. http://imgur.com/j5edLt5

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

I vote using the DOM.

from elemental.

PullJosh avatar PullJosh commented on September 24, 2024

@quat1024 Huh... That's pretty neat, actually. Surprised it's still fast.

Ohwait. This isn't Scratch. Everything is fast.

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

lol
until you do any sort of database query on thousands to tens of thousands of entries.

from elemental.

an-OK-squirrel avatar an-OK-squirrel commented on September 24, 2024

Here's an idea! (I would help with stuff once you get going :P)
hahaha

from elemental.

an-OK-squirrel avatar an-OK-squirrel commented on September 24, 2024

(bad drawing lelz)

from elemental.

glacialcascade avatar glacialcascade commented on September 24, 2024

I like drop down idea

from elemental.

an-OK-squirrel avatar an-OK-squirrel commented on September 24, 2024

I bet you would like mine if I drew it in more than a minute :P

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

I like both :P

from elemental.

an-OK-squirrel avatar an-OK-squirrel commented on September 24, 2024

I feel mine would feel cleaner.

from elemental.

matthewr6 avatar matthewr6 commented on September 24, 2024

It certainly doesn't based on the drawing xD

from elemental.

an-OK-squirrel avatar an-OK-squirrel commented on September 24, 2024

xD

from elemental.

PullJosh avatar PullJosh commented on September 24, 2024

Will do original suggestion, with searchable dropdown for first input.

from elemental.

Related Issues (20)

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.