UI and frontend software design and consulting since 1991
Please consider these tasks: Find all words in text on HTML page and highlight them Syntax highlighting: parse text of <pre> and mark all keywords by changing their color Find all misspelled words in <textarea> highlight them specifically. Currently you can do #1 and #2 by wrapping each text found into <span>s with specific classes…
Quite often in HTML/CSS based UIs we need to hide/show some elements in runtime. Probably the most widespread (and the worst) solution is to set display:none CSS property programmatically. That sounds quite easy at the first glance but solves only half of the problem – it hides – removes the element from rendering tree. But…
Last year it was a jubilee of my BlockNote editor – it is 10 years old now. Quite a serious age for software product I think. BlockNote, in particular its HTML WYSIWYG editing engine, was the very first version of H-SMILE core that works now inside the Sciter. H-SMILE core was used in other software…
We are using URLs these days quite a lot, but not all of us understand what they actually are. By this post I will try to explain their structure and how Sciter/HTMLayout deals with them. Please note that this is sort of informal explanation and I am using term “URL” here while “URI” is more…
Adding basic <video> support to Sciter. The <video> element (behavior:video in fact) is rendered windowlessly as normal DOM element so can participate in animations, transforms and to have other DOM element rendered on it. Here is a screenshot of Sciter made when it is playing video (standard 30 fps rate) under animation and transformation on…
While ago I’ve found article “Inline validation in web forms” on AListApart particularly deep and yet useful. Despite that it was published 5 years ago it is still actual.
Rob Ashton article: “you have ruined javascript” While I am considering it as a bit of overreaction but I 100% agree with the nature of problems defined there. Chase for silver bullet lead us in the same trap of over-engineered world of abstractions. Or over-abstracted world of engineering? Whatever …
Most of applications on Mac OS X use fixed 72 DPI settings despite of all these Retina and other high-DPI monitors. I understand that this is legacy we’ve got from last century. But c’mon, it is 2014 out there … Even conventional browsers that supposed to handle scaling well by using CSS rules are failing…
While ago I’ve published simple and compact (90 lines of code) plugin for rendering, well, repeatables. Here is its documentation and here is live demo. The Repeatable is a mechanism of DOM population from array of objects. Repeatable template is defined directly in markup: <ul id=”people”> <li><a href=”mailto:{{this.email}}”>{{this.name}}</a> <b if=”this.age > 18″>18+</b> </li> <li>No data…
10 or so years ago I was asked to design Word Processor WYSIWYG editing component. The editor should handle editing of paged documents. It has notion of pages where document text is replaced. The text can wrap around absolutely positioned (page box related) blocks – images, text boxes, etc. To be short – something like…