A UI editor for single-element CSS illustrations • Hacker News Board

Re: A UI editor for single-element CSS illustrations

#11

Post by caitlinface » Thu, Jul 09, 2020, 7:03 PM UTC

monkeymonkey wrote: post #8

Doesn’t work on iPad OS

It just doesn't work in Safari.

Re: A UI editor for single-element CSS illustrations

#12

Post by Apofis » Thu, Jul 09, 2020, 7:38 PM UTC

qppo wrote: post #7

fewaw2322 wrote: post #6

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…

In my experience, CSS is more consistently supported between rendering engines. SVG is a shitshow once you start adding filters.

I had no idea that SVG even supported filters!

https://yoksel.github.io/svg-filters

Re: A UI editor for single-element CSS illustrations

#13

Post by amelius » Thu, Jul 09, 2020, 8:06 PM UTC

Something like this should probably be part of a browser's developer tools.

Re: A UI editor for single-element CSS illustrations

#14

Post by danellis » Thu, Jul 09, 2020, 8:10 PM UTC

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.

Re: A UI editor for single-element CSS illustrations

#15

Post by aluminum96 » Thu, Jul 09, 2020, 8:24 PM UTC

caitlinface wrote: post #11

monkeymonkey wrote: post #8

Doesn’t work on iPad OS

It just doesn't work in Safari.

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.

Re: A UI editor for single-element CSS illustrations

#16

Post by kinow » Thu, Jul 09, 2020, 8:25 PM UTC

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.

Re: A UI editor for single-element CSS illustrations

#17

Post by culopatin » Thu, Jul 09, 2020, 8:43 PM UTC

I admit I’m on my iPhone, but I don’t know what I’m supposed to do. I tapped around and I can’t seem to get anything to happen. Just some feedback

Re: A UI editor for single-element CSS illustrations

#18

Post by bhhaskin » Thu, Jul 09, 2020, 11:12 PM UTC

Looks like the domain is blocked by Cisco Umbrella firewall.

Re: A UI editor for single-element CSS illustrations

#19

Post by teh_klev » Fri, Jul 10, 2020, 1:40 AM UTC

recursive wrote: post #5

BossingAround wrote: post #2

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?)

It's not adblock. Resize is very weird and janky on my un-blocked firefox.

Repro on Chrome 83 for Windows.

Re: A UI editor for single-element CSS illustrations

#20

Post by jfkebwjsbx » Fri, Jul 10, 2020, 4:21 AM UTC

aluminum96 wrote: post #15

caitlinface wrote: post #11

Earlier quoted context omitted.

It just doesn't work in Safari.

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.

Safari lacks quite some web specs, so it may just work fine in the rest of browsers.