Conceptual Design - Solid better User Experience

I had a thought that, it would be nice to use file tabs on the dashboard, take a look and tell me what you think, I can create it anyway you like it, this is just a basic presentation. https://mikeadams1.github.io/solidash/my-files.html

Maybe it could be a bettor way of displaying apps so that, your work on each app is not disturbed as you go from file to file, that is, so long as you don’t refresh the page, you can use the mouse to refresh the file itself instead of the whole page but, I am working on putting in some controls for that, and for launching other new files.

1 Like

Hi @adventure, good idea, thxs, but the problem with tabs is that it is not really friendly on mobile device.


And the goal is to be able to interact with POD’s from everywhere, only with tools that I always have in my pocket.

1 Like

Agreed, did not think of that at all! Maybe a button to switch from desktop view to mobile?

Yes or tabs that could scrolled horizontally

You can automatically change the UI to suit the display size - search Responsive/Progressive Web design/frameworks.

4 Likes

What frontend Framework do you Use and Why ?

https://blog.usejournal.com/web-components-will-replace-your-frontend-framework-3b17a580831c

1 Like

I don’t know much about Web Components and think they sound like a good idea but I’ve heard they have downsides too, mainly from comments on Twitter. Rich Harris of sveltejs has written a critique on why he doesn’t use them.

I’m going to be trying out sveltejs for my front end stuff because:

  • I want to learn about Sveltejs (https://svelte.dev) and it seems to meet my needs.
  • Svelte seems straightforward and easy to learn, much easier so far for me than React (though I’ve not done much with either yet).
  • At first glance it appears fast and suitable for making static sites which fit well with both Solid and SAFE Network.
  • Downside is that it is new and doesn’t have lots of libraries specially for it, but it does work well with other libraries and it has a very helpful, active community.

FYI I made a topic about static frameworks on the SAFE Dev forum - feel free to add to it:

I do think this is the way to go, and I don’t know why Inrupt doesn’t.

As already noted, I don’t understand the issues myself, but Web Components aren’t going down well with everyone. Here’s a recent tweet from Rich, and if you look at his ‘tweets & replies’ from the last day he’s been having a good rant about this again!

I’m not an expert either. I don’t even know what a11y is. But it seems to me there are 3 ways to make apps, from easiest to hardest:

1 With the mouse

2 With HTML

3 With your favorite programming language

The databrowser is going straight for the end zone and trying to let people create apps with the mouse. That still needs a lot of work and isn’t there yet. An intermediate stage like creating apps with html, which can lead to creating them with the mouse is needed. Very few individuals will try #3, I think, but companies will.

1 Like

Web Components isn’t the only way to Option 1:

Interesting, but a ‘new programming language’ that would replace html? What would that look like? Would browsers understand it?

Svelte compiles to JavaScript, so yes! This approach solves a lot of problems: no shadow DOM (memory, performance, glitches), only the code you use is bundled, and it is optimised so loads and runs fast. I think Svelte also has a lot of graphical transformation features built in, so less reliance on external libs for things (though here I’m just being a parrot - no experience!).

Sorry but Im having trouble imagining it. But then I still can’t imagine a world without servers either! :grin:

2 Likes

Its easy to try. Here’s what I’m working on atm (with help from a chap on the d3 chat). I’m chasing a bug - try clicking and draging one of the coloured nodes! I challenge you to fix it lol :sweat_smile: : https://svelte.dev/repl/01a5774b53e9416584428c025668407b?version=3.15.0

Whoa, I’m kinda lost there :grinning:. But I like the Les Miserables theme! The Revolution!

1 Like

on the console x and y seem way too big

It’s fixed now if you refresh. I had to add a transform to the <line> and <circle> elements to flip the vertical coordinates around the horizontal axis.

1 Like

what would be the purpose of trying to conflate such things ?

what i mean by asking this is what is the nature of SOLID and other projects that is resulting in current realities and futures of each … and in such regards what is the proposed desires of each regarding each … ?

is the point of SOLID (or maybe just INRUPT) to be an “awesome” full-stack “developer experience”, or is the point to be another layer of the Web (which we dont really think about HTML or JS or CSS having good or bad developer experiences per se, moreso just a layer of affordances to creatively play with) .

1 Like