undefined | Better HN

0 pointsc-smile5y ago0 comments

"how you position it"

Hmm... and how do I do that? What's your impression?

Sciter.JS is "an embeddable HTML/CSS/JS UI engine" and that's it.

Yes, it is possible to use it without touching native side like ElectronJS, see: https://quark.sciter.com/ , but that's not the primary use case. So far it has around 400 mln installations in embedded form as part of other products, see: https://sciter.com/#customers

If you want you can treat it as Flutter that uses time proven and familiar HTML/CSS/JS resource definitions instead of Dart. Dart is close to JS but not JS, Flutter has some DOM but not HTML DOM, it has some style system but quite rudimental one.

0 comments

2 comments · 1 top-level

gigel825y ago· 1 in thread

I think your description is technically correct, it is an UI engine that uses the HTML, CSS and JS languages.

But to most folks, that sounds like a "web browser/view engine", which it is not. Does it pass the Acid2 / Acid3 test?

The power of ElectronJS is not its use of HTML, CSS and JS, but the fact that it is a web browser engine and one can share the millions of frameworks, libraries and muscle memory built for the web in their desktop applications.

c-smileOP5y ago

Modern browsers do fail on ACID tests anyway. display:flex broke old box model.

> one can share the millions of frameworks ...

For your *desktop* application you need just one, not millions of them.

> libraries and muscle memory

Not a problem, here I am using Remarkable [1] as it is: https://github.com/c-smile/sciter-js-sdk/tree/main/samples/m..., in other places I may use LeafletJS for showing maps, etc. Essentially all libraries for JS/NodeJS should work out of box.

Problem is that desktop UI has different UI model from a web page. Web page / Web app is usually "endless paper tape" opened full screen - has defined width but no height - no need for vertical alignment for example.

And desktop UI is usually different - small or vertically and horizontally space limited windows, etc.

In Sciter you can show element as popup one - in separate window that can be rendered outside of your [small] app window, consider this popup: https://sciter.com/wp-content/uploads/2021/02/select-table.p... , good luck with recreating this in browser. By the way that <select> element is defined as:

   <select>
        <tr role=option value="1">
            <td>Option 1</td>
            <td>*Short*</td>
            <td>123456</td>
        </tr>
        <tr role=option value="2">
            <td>Option 2</td>
            <td>******* LOONG ********</td>
            <td>123456</td>
        </tr>
        <tr role=option value="3">
            <td>Option 3</td>
            <td>*Short*</td>
            <td>123456</td>
        </tr>
   </select>

Sciter supports arbitrary markup in selects, popups, etc. No one of "millions of frameworks" will help you with that.

Also this

   <frameset cols="200px,*">
     <section>A</section>
     <section>B</section>
   </frameset>

will give you split-view out-of-the-box. But web dev's will start looking for frameworks in order to achieve this simple component that browser have internally.

TL;DR: Web and desktop UIs use inherently different models. You can share parts between these two different platforms but only parts, really.

[1] Remarkable JS: https://github.com/jonschlinkert/remarkable

j / k navigate · click thread line to collapse