The resize functionality doesn't work very well on macOS + Firefox. Once I place an element, I can't easily make changes to it, for some reason (possibly due to adblock?)
Nice interface. It feels like I'm using Illustrator.
I suppose the intended use case might be very stylized HTML elements? Like designing a really fancy button?
In situations where your intent is to display a stand alone image, rather than add style to an element, am I right in thinking SVG is the better choice? I see HN posts where people create whole paintings out of CSS and HTML, and I always thought the point was to marvel at the novelty of this approach. Do people really think everyday web graphics should be stored as CSS, rather than SVG? How come I don't see more sites using SVG?
Zerodivs.com actually links to one of these: https://a.singlediv.com/
Is there something I'm missing here?
I was wondering about this. I clicked around for several minutes...
I wish people would test their sites in more than just Chromium! Checking that it works in at least one second browser dramatically improves the portability of your site in general.
Seems very buggy. I wasn't able to figure out how to drag a box to select multi objects. Tried Alt-drag, and it resized in a weird way I wasn't able to control very well, and then the canvas was stuck to the mouse pointer with no way of letting go of it.
Nice! If the author is reading this, the color picker appears to have some bug. Added a circle, then chose a color using the top color picker, and nothing happened. Then chose the same color with the right hand side color picker, and now both top and side picker display same color, and the circle color changed.
This is normal for Umbrella. Domains which are queried for the first time via Umbrella become part of the Newly Seen Domains security category [0], and this category is often enabled by admins.
You have to choose a shape/subfigure CSS can render from the top toolbar. Then render that on the canvas with a standard drag. You can't freehand, obviously.
I was actually wondering how the tool would handle complexity as CSS has very little in the way of options. This is a neat way to do it.
Cool! Wish it could treat the CTRL button (or is that CTRL + SHIFT) the way standard illustrator programs do: when held down as you specify a shape on the canvas, the shape remains proportional (rects are always squares, ellipses are always circles).
27 comments
[ 0.25 ms ] story [ 70.5 ms ] threadI will say that I also have trouble resizing the elements using Firefox, thought it all looks good in Chrome.
I suppose the intended use case might be very stylized HTML elements? Like designing a really fancy button?
In situations where your intent is to display a stand alone image, rather than add style to an element, am I right in thinking SVG is the better choice? I see HN posts where people create whole paintings out of CSS and HTML, and I always thought the point was to marvel at the novelty of this approach. Do people really think everyday web graphics should be stored as CSS, rather than SVG? How come I don't see more sites using SVG?
Zerodivs.com actually links to one of these: https://a.singlediv.com/ Is there something I'm missing here?
https://yoksel.github.io/svg-filters
I wish people would test their sites in more than just Chromium! Checking that it works in at least one second browser dramatically improves the portability of your site in general.
[0] https://support.umbrella.com/hc/en-us/articles/235911828-New...
I was actually wondering how the tool would handle complexity as CSS has very little in the way of options. This is a neat way to do it.