Creating portraits with CSS and HTML

[gwpriester]

Acorn - Something for you when you run out of things to do. https://www.thisiscolossal.com/2019/...s-diana-smith/

[Acorn]

Gary, thank you for that.
She is however mad for not using a Xara Desktop application.

We actually have a simpler mechanism in our Xara applications already: the Rounded Corner Rectangle.

From this you can create a Circle or Ellipse or any box shape.
This can be Skewed and Scaled.
It can have a Line Thickness.
It will accept a Linear Fill of many colours, including Transparent. Do not use the Transparency Tool; this creates PNGs.
Start and End Point that are Transparent, with interior coloured points vanish in the design but are published properly.

With this one shape almost all of what she has been doing is possible, all without a single PNG or JPEG.

Acorn

[gwpriester]

I have a friend and neighbor who designed her home using QuarkXPress. Go figure.

[handrawn]

heck I still do rough sketches with a wooden pencil.... on actual paper...

[handrawn]

@ acorn

I think you may have missed the point

[Acorn]

@Acorn
I think you may have missed the point

Missing the point would be to avoid Pointillism.
If she is genuinely working in HTML/CSS then she has removed the ability to fluidly position shapes to create an image.

With Xara, you can at least build up Layers (like watercolour painting), and retain artistic control.

Her "point", as I read it was to have a mechanism that created realistic images that can be scaled without loss of fidelity.
i assumed this from her statements around her CSS Font as well as her baroque paintings.

Her "rules" are:

1. All elements must be typed out by hand
2. Only Atom text editor and Chrome Developer Tools allowed
3. No SVG allowed (no offense to SVG)

My "rules", equally, could be:

1. Any placed element must be derived from a rounded-corner rectangle
2. Only an XDA allowed

Pointillism's "rules" might be:

1. Any placed element must a coloured pixel
2. Only an XDA allowed

Just saying,

Acorn