Aero, Windows V/7

In the middle of adding Windows Aero DWM support to HTMLayout and Sciter: This is standard sample htmlayoutsdk/html_samples/border-radius/rounded-tabs.htm from the SDK Seems like I need to add “aero” as an additional value to CSS @media selector in order to support such screens. This document is using simple html { background-color:transparent; } declaration to make it…

INPUT, WIDGET and custom elements in h-smile core

What is a difference between <input> and <widget> elements [in h-smile core]? <input> is intrinsically display:inline-block element and <widget> is intrinsically display:block element. So <input> can live only in some element that has display-model:inline-inside model, in other words in some text container like <p> (paragraph). So if you have markup as: <div> Text: <input type=……

Built-in Drag and Drop support in h-smile core

As far as I understand there are two distinct drag-n-drop mechanisms: Global drag-n-drop when objects are dragged from one window/application on desktop to another. In most cases this is very close to clipboard cut-n-paste but with some additional visualization. Window local drag-n-drop when objects are dragged inside single window/form. For example some shopping cart implementation….

Talks about HTMLayout

Here is a translation of the interview in Russian I gave to Alexander Sergeev from the HumanoIT. Alexander Sergeev(AS) says: My long time dream – to write a shareware program and sell it through the Internet: cash out, Brazil, Maldives, Tokyo, beaches, skiing, casinos… ahhh. This summer I almost brought it to reality… all thanks…

Designing

I am designing <richtext> behavior for htmlayout/sciter… So far I like the way it allows to edit the text. There are interesting usability problems bubble up sometimes… Let’s say you have following document: <body> <pre> …. </pre> <table> …. </table> </body> And now imagine that you need to insert some text (paragraph) between the table…

behavior:htmlarea (WYSIWYG editor) in h-smile core.

My initial idea was to implement behavior:htmlarea (WYSIWYG editor) as editing behavior that manipulates elements in existing DOM tree. This approach is not working for many reasons. Main reason is following: In presence of CSS the same rendering result (pixels in the view) can be achieved in many ways – by using various CSS attributes….

Graphin engine

I have started Graphin.dll project – portable and compact graphics engine based on AGG (agg2d in particular). Graphin url is code.google.com/p/graphin API mimics Graphics and Image objects but in plain C. In principle this is close to the <canvas> from WHAT WG . Graphin.dll includes also pnglib/zlib and jpeglib with the ability to load and…

CSS extensions in h-smile engine. Part II. Flex units.

Flex length units are "weights" used in distribution of free space along some direction. Example of the document with flex units: <html> <head> <style> div.outer { border:red 2px dashed; width:400px; height:250px; } div.inner { margin-left:30%%; width:50%; margin-right:70%%; height:100%%; background:gold; border:brown 4px solid; } </style> <head> <body> <div class=”outer”> <div class=”inner”></div> </div> </body> </html> This document…