yuanchuan

Keep it simple, sweetie.

yuanchuan boosted:
2025-06-20

My latest talk, given at Craft Conf in Budapest. There were some technical difficulties, but it should hopefully serve as a reasonable introduction to the virtues of interactive development in Clojure.

m.youtube.com/watch?v=i_dUvhEI

2025-06-14

I'm trying to find some old images to use as examples on the website. They look so good!

I can't even find the source code for some of them.

#cssdoodle

Some old artwork created with css-doodle
2025-06-11

Seeing the new if statement support in #CSS, I can't help but think it should've been called cond — just like in Lisp :)

property: if(
  style(<condition>): <value>;
  style(<another condition>): <another value>;
  else: <fallback>
);
2025-06-10

Second time I feel the need of background-opacity #csswishlist

2025-06-10

@AmeliaBR Exactly!

I find it easier to stack them instead of clipping if there's a background color.

codepen.io/yuanchuan/pen/YPXeK

2025-06-10

@AmeliaBR

A quick implementation :D

CBC (Canadian Broadcasting Corporation) logo
2025-06-09

Love this curve

#cssdoodle

A butterfly curve
2025-06-09

A logo I keep seeing but never learned the name of it

#cssdoodle

Geometric logo with white quarter-circles forming a central circle on 3x3 grid
2025-06-09

text-decoration-thickness

#cssdoodle

Mark number from 1 to 12 with text-decoration-thickness and wavy style
2025-06-09

It now supports screenshots from any webpage URL, not just CodePen.

cssd render http://localhost:5173 -s 'page:nth-child(9)'

2025-05-22
2025-05-12
2025-04-26

@AmeliaBR @kizu

I happened to find a way to bypass the bug when I was cleaning up the code today and preparing to submit an issue:

Place CSS filters before SVG filters.

filter: hue-rotate(10deg) url('data:image/svg+xml...')

2025-04-02

I prefer static images

#cssdoodle

1200 bluring circles1200 bluring circles1200 bluring circles
2025-04-02

The nth-item() is another function that is already implemented in css-doodle: pn(), one of the pick() family functions.

CSS added random(), sibling-index(), and sibling-count(), I'd love to see more functionalities similar to css-doodle built into CSS.

front-end.social/@mia/11426464

yuanchuan boosted:
2025-04-01

I recently had a great chat with Rebecca Hiscott at the Creative Independent. You can read the interview here…

thecreativeindependent.com/peo

2025-03-21

@kristinHenry Thank you Kristin! Glad you like them :)

2025-03-21

Another animation from the post
codepen.io/yuanchuan/pen/ogNqK

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst