Amazing! Now I really wanna code something up that will generate this, it seems like it would be a super fun weekend project :)
Pure CSS – Lace
11–20 of 106 posts
Re: Pure CSS – Lace
#12 .iris {
display: none;
}
Re: Pure CSS – Lace
#13Beautiful abuse of CSS. That fine line between mastery and subversion.
Re: Pure CSS – Lace
#14There are more at the website. All very impressive!
https://cyanharlow.github.io/purecss-zigario/
https://cyanharlow.github.io/purecss-vignes/
https://cyanharlow.github.io/purecss-francine/
Previous discussions https://news.ycombinator.com/from?site=diana-adrianne.com
Re: Pure CSS – Lace
#15It will be great to read a blog or tutorial on how you made this.
Re: Pure CSS – Lace
#16Wow, this is amazing.
I would love to watch something like this being live-coded. Heck, I assume people would probably even pay for watching it.
Re: Pure CSS – Lace
#17There are more at the website. All very impressive! https://diana-adrianne.com/ https://cyanharlow.github.io/purecss-zigario/ https://cyanharlow.github.io/purecss-vignes/ https://cyanharlow.github.io/purecss-francine/ Previous discussions https://news.ycombinator.com/from?site=diana-adrianne.com
Another previous discussion: https://news.ycombinator.com/item?id=17058508
Re: Pure CSS – Lace
#18Is there any video where the artist talks about the process? I'm really interested in understanding how the artist approached this. Anyways, beautiful work.
While there is some commit history, it's definitely not low level enough to understand the process fully.
But I am imagining, from a quick "inspect element" looking at a few of the elements, that it is inspired by "brush movements": basically, you do a single brush movement with a single styled/transformed element (probably even more granular since a brush would give you trail-lines by default).
Re: Pure CSS – Lace
#19Doesn't seem to render correctly on Safari.
An unfortunate side effect of abusing CSS to the boundaries of what it can do :(
Re: Pure CSS – Lace
#20Not a dig, just found it interesting how this looks in Safari: https://i.imgur.com/z2vHvND.png
She mentions on the GitHub repo that she only coded for Chrome.
> Because of the artistic nature of this project I have not concerned myself with cross-browser-compatibility, so the live preview will most likely look laughable in anything other than chrome.