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…
Category: HTMLayout
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….
How I would do that Start Page.
Two days ago I have downloaded and installed new Microsoft Visual C++ 2008 Express. First thing that you see when you start its IDE is the Start Page (close to what you see on the right). I was intrigued how this view is made. That clearly have look and feel of a web page. Some…
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…
CSS extensions in h-smile engine. Part I. Style sets.
Style set is a named set of style declarations – it is a system of selectors and style definitions that are applied as the whole. Style sets are declared by using @set at-rule: @set my-table { td { color:blue } td.highlighted { color:red } } Assignment of style set to elements is made by using…