New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Design UI/UX for DOM Tree #10

Open

2 tasks

0xedward opened this issue Jan 5, 2021 · 0 comments

Assignees

Labels

question

Milestone

Initial Release (...

Owner

0xedward commented Jan 5, 2021 •

edited

Loading

Start with handdrawn prototypes
Port the most promising one to Figma

Questions:

How will we display elements?
How will we display relationships between elements?
How will we differentiate different elements?
How will we display element attributes?
How will we display css properties applied to elements?
How will we display event listeners?
How will we categorize different html nodes?

Future ideas:

Syntax highlighting for input box
Add prettify button for input box
Allow the user to detach nodes and reattach nodes to the tree and reflect that change on the input box
click on a node jumps the cursor to the input box where that node can be found in html
clicking on a node nearby collapsed nodes will expand all collapsed nodes (
as one node and will be expanded to 3
nodes)

0xedward assigned kelvinlin97

0xedward self-assigned this

0xedward added the question label

0xedward added this to the Initial Release (1.0.0) milestone

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment