HTML UI Design tool
-
For a personal project, I'd like to make an HTML+JS webapp. Actually, I'm not sure if it's the proper name, it's more of a "control panel".
The idea is that it can run across any device that has a browser: PC, tablet, kindle touch, etc.Just to give you an idea, the UI i want to make would be really similar to this:
(bonus read, that home automation system is amazing given it's so old)
So basically, some buttons here and there, texts, a menu, some pictures.
It's something really simple.Now, as trivial as it looks, i don't know much about HTML/CSS/whatever-js-framework-is-popular-this-afternoon.
What I want is some tool to draw the UI, like a WinForms/WPF editor. I'd be keen on adding some animations as well, which is one of the reasons i don't want to "code" it.The closest tool I've found is Adobe Edge Animator, which was discontinued. Adobe Animator CC (ex Flash Pro) can do HTML but it seems to be focused on artistic stuff.
I've seen other similar tools but either are crap or are macOS-only.Any suggestions? Surely nowadays where everything is HTML+JS there must be a way to do something this simple...
-
@dangdongho1 said in HTML UI Design tool:
Just to give you an idea, the UI i want to make would be really similar to this:
It looks like a Canadian snow storm
(No image, just white space)
-
@timebandit It might have been a new user posting limitation (or an effect of this post having to be approved because he's new).
-
@dangdongho1 said in HTML UI Design tool:
where everything is HTML+JS there must be a way to do something this simple...
Ah, that's actually a hidden oxymoron I think.
Welcome to the forums!
-
The problem is, unfortunately, that HTML doesn't display the same everywhere, and though there are so-called "site builder" tools out there, I've found that for anything more complicated than a blog about most things don't really do a good job at "making a UI".
I've personally been trying out the Hot New thing called Vue.JS and it seems pretty simple enough, and is geared toward simple spa-type layouts.
-
@tsaukpaetra said in HTML UI Design tool:
Ah, that's actually a hidden oxymoron I think.
What part is "hidden" ;) ;)
-
@thecpuwizard said in HTML UI Design tool:
@tsaukpaetra said in HTML UI Design tool:
Ah, that's actually a hidden oxymoron I think.
What part is "hidden" ;) ;)
The debugger. ðŸ’
-
@tsaukpaetra said in HTML UI Design tool:
The debugger.
Right on the top menu in most (if not all) browsers