Comments (22)
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.
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.
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.
Make it so that the input is a text-dropdown so that you can type in it, say, data-line-id
.
from elemental.
Like the list blocks in scratch (item [EPIC DROPDOWN] of list [bleh dropdown]), but searchable.
from elemental.
I've made searchable dropdowns before in HTML (React.js is amazing), but do we plan to use canvas or the dom?
from elemental.
^ Good question
from elemental.
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.
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.
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.
I vote using the DOM.
from elemental.
@quat1024 Huh... That's pretty neat, actually. Surprised it's still fast.
Ohwait. This isn't Scratch. Everything is fast.
from elemental.
lol
until you do any sort of database query on thousands to tens of thousands of entries.
from elemental.
Here's an idea! (I would help with stuff once you get going :P)
from elemental.
(bad drawing lelz)
from elemental.
I like drop down idea
from elemental.
I bet you would like mine if I drew it in more than a minute :P
from elemental.
I like both :P
from elemental.
I feel mine would feel cleaner.
from elemental.
It certainly doesn't based on the drawing xD
from elemental.
xD
from elemental.
Will do original suggestion, with searchable dropdown for first input.
from elemental.
Related Issues (20)
- intuitive-trash branch name is misleading HOT 2
- Website is Ugly HOT 160
- (Not a Real Issue) Possible way to join? HOT 8
- Editor Text Block HOT 44
- This project is getting inactive HOT 12
- Featured projects system
- Dragging blocks highlights text HOT 1
- The blocks area should initialize to the "text" pallete HOT 1
- Pasting Text HOT 16
- issues with input cleansing
- you can STILL add other attributes, eg style, using inspect element HOT 13
- Mention quicktext button in tutorial? HOT 6
- Rework Blocks Code HOT 38
- No scrolling for scripting area in Elemental HOT 8
- Tutorial broken even without scrolling HOT 6
- [mockup] block and element highlighting HOT 8
- Search-bar behind blocks HOT 3
- Dropping block while cursor is above another block doesn't hide trashcan in palette
- Dropping block in palette only works when directly over trashcan – bad? HOT 4
- Make it clear that "Open" is for project files, add HTML import feature HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from elemental.