UI and frontend software design and consulting since 1991
Without too much fanfares Sciter has officially transitioned from TIScript to JavaScript this week. To be precise, there are two Sciter’s at the moment: Sciter.TIS and Sciter.JS. It is just from now and on Sciter is a synonym of Sciter.JS. And so Sciter.JS is the official, mainstream version. But Sciter.TIS is still supported and maintained…
module storage unifies QuickJS of Fabrice the Magnificent with DyBase engine of Konstantin the Great. The module provides built-in data persistence – transparent data storage and retrieval using standard JavaScript means. Think about it as of MongoDB built into the language without need of special clients, etc. Finally we can work with objects stored in…
Sciter.JS is a “reformulation” of Sciter that uses JavaScript (ES6 specification) instead of my TIScript. Sciter.JS uses QuickJS++ – my version of Fabrice Bellard’s original QuickJS. General directions of Sciter.JS: Keep binary small – 5 Mb max. That is mission critical for the embeddable engine. Implement basic set of JS API (DOM and runtime) that…
Sciter v.4.4.4.8 has got native support of <lottie>s (on the picture). Lottie is a compact representation of Adobe After Effects files exported as JSON by using Bodymovin plugin. “Compact” here means that the format contains minimal information needed to render animation. While adding lottie support to Sciter I have realized that lottie actually marks the…
Major CSS implementation refactoring is happening in Sciter for 4.4.2.xx at the moment. Original CSS implementation architecture in H-SMILE core was established 14 years ago when CSS contained just handful of properties. Currently there are more than 300 of them defined in W3C spec and counting. My initial optimistic implementation was relied on hypothesis that…
Consider this style definition: Note that box-sizing property above. It instructs the browser that outer edge of border box of the element should have 400x400px dimensions. But that is not so in all major browsers even all of them support box-sizing property. Here is the demo of the problem that you can try in your…
This month I was designing Chat module implementation. That is Skype, WhatsApp, Slack, etc. alike thing. Implementation is pretty simple and so greatly customizable. Let me know if you will need anything close to it.
I think the image above looks familiar to people working around stock exchange. The screen contains many areas that are updated in real time so it is interesting to try to implement this using Sciter and its rendering pipelines. So I’ve made simple mockup of typical screen used there, in particular that scrollable list with…
Electron As we know Electron.js is built of Chromium and Node.js. Where Chromium is a full scale Web browser that even uses its own, independent JavaScript engine. Therefore each Electron.js application is essentially a separate Web browser and Web server installed on your machine – as many Electron applications you are running – as many…
10 years ago we, at W3C-style WG mail list, started discussion of giving CSS at least some flexibility. That was the time of semantic Web battles that showed up in “don’t use <table> for layout purposes” witch-hunt among others. The problem was that CSS did not offer any option to vertically align stuff inside browser…
