The Curious Engineer

All blogs / Frontend / CSS / browsers

yuanchuan.dev

yuanchuan.dev

Hi, I'm Chuan. I'm a web developer with a passion for design, programming languages, and creative coding. I'm currently building css-doodle.

Frontend / CSS / browsersGraphicsJavaScript / TypeScript

’18’19’20’21’22’23’24’25’26
Posts
32 from 6 May 2018 to 10 Apr 2026
Posting
now and then (3 in the last year)
Kind
personal blog
Feed
https://yuanchuan.dev/feed.xml

2026 2

  1. Multi-stroke text effect in CSS
  2. Introducing aivo

2025 2

  1. Remove black color with shaders
  2. CSS Animation with offset-path

2024 4

  1. An Introduction to css-doodle
  2. Generating images from css-doodle code
  3. Adding a shortcut for hue-rotate()
  4. Time-based CSS Animations

2023 7

  1. Fun with stroke-dasharray
  2. Simplifying CSS Variable Calculations
  3. Daily Sketch 4 - OpenAI Cover Images
  4. Daily Sketch 3 - Latin Square & Grid Numbers
  5. Daily Sketch 2 - Symmetry
  6. Daily Sketch 1 - Warming up
  7. SVG viewBox padding

2022 3

  1. Experimenting A New Syntax To Write SVG
  2. Dreamy Blur
  3. Using mask as clip-path

2021 5

  1. Pixel Patterns
  2. Flip, Invert, and Reverse
  3. Polygon Shapes
  4. Time Uniform For CSS Animation
  5. How To Make Seamless Patterns

2020 4

  1. Add Shaders
  2. What's new in css-doodle
  3. Multiple drop shadows
  4. Single div Sierpinski triangle

2019 3

  1. I Like To Build Things That Way
  2. Chinese Window Lattice And CSS
  3. Reduce in JavaScript

2018 2

  1. A Note for Problems
  2. Unicode Patterns