search

warlockxins / goPocJsonSchemaForm

1 stars 1 forks source link

UIKIT #2

Open gedw99 opened 2 months ago

gedw99 commented 2 months ago

you can also use UIKIT with HTMX with just 2 imports in the index.html page

Its really clean and has simple and clean GUI controls.

Bootstrap is the old favourite I know.. UIKIT is used by many of the big name GUI systems..

https://getuikit.com/docs/installation


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="/templates/axist.css" />
<link rel="stylesheet" href="/templates/site.css" />

<link rel="stylesheet" href="/templates/uikit.min.css" />
<link rel="stylesheet" href="/templates/uikit-rtl.min.css" />
<script src="/templates/uikit.min.js"></script>
<script src="/templates/uikit-icons.min.js"></script>
warlockxins commented 2 months ago

Thanks for ideas. I intended to make the project like templates in WordPress or django, where user would choose their theme. I really need to get back to this and make granular ui updates.

gedw99 commented 2 months ago

Happy to help. I really like how this works.

Its not easy to design these abstractions and for them to be usable.

gedw99 commented 2 months ago

Thanks for ideas. I intended to make the project like templates in WordPress or django, where user would choose their theme. I really need to get back to this and make granular ui updates.

Thats a good idea.

So make the index.html such that the CSS and JS can be chosen, so we can test different UI toolkits ?

Maybe just break out the Index.html into a header.html fragment ? The index.html them imports the header.html We could even allow the injection dynamically based on some config.

then Weill be easy to inject js and css and write tests to validate different UI kits.

k6 browser testing will do this for us too in terms of testing validation. https://grafana.com/docs/k6/latest/using-k6-browser/

k6 is all golang and makes it easy.