I took some good time to revisit UI elements; refactoring, optimizing and finishing up some loose ends, it's starting to feel almost as if you're able to design with the full power of a browser CSS engine now, without the gargantuan bulk of actually carrying a browser.
For every element we are doing a bunch of tests to make sure that everything conforms as expected.
CSSBOX
The CSSBox container was almost entirely rewritten, both borders and the box itself has a very nice, smooth subpixel analytical AA, it looks specially nice when it's animating or moving dynamically like in a HUD element where you have a dynamic crosshair.
attribute 'alt' not allowedText rendering
Text, including emoji rendering is now super crispy, previously we were using some hacks to try to sharpen it
attribute 'alt' not allowedAnd you can see all tests we have for it:
attribute 'alt' not allowedBORDER IMAGES
I've also implemented 9-slice scaling, you can use an image as a border to your container and decorate it however you like, MMOs and RPGs type of games make great use of it, you're able to design it the same way you would with the border-image CSS parameter.
attribute 'alt' not allowedFor reference to help visualize, the image used as the 9-slice texture for the border testing above looks something like this:
attribute 'contenteditable' not allowedattribute 'blocktype' not allowedConformity
Even as we add more supported elements, all these elements should be conforming to the W3C standards to the best as possible, most of the knowledge people already have should translate seamlessly even when compositing complex effects when designing their UI on S&box, with the advantage we are not carrying an entire browser stack on our back.
