[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/css/ - CSS Masters

Advanced styling, animations & modern CSS techniques
Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1790424642708.jpg (36.65 KB, 1080x721, img_1790424635773_a0lx69uj.jpg)ImgOps Exif Google Yandex

a93a2 No.2221

Saw those 'code snacks' earlier and the shadow DOM one is actually great for visualizing the hierarchy. It's way better than trying to explain it with just text or a messy diagram. I'm still not 100% sold on how they handled the working directory animation though, looks a bit clunky too busy.
>not the easiest concepts to illustrate as simply as this!
It's nice to see something that doesn't rely on heavy math or complex vectors for once. my eyes are bleeding from too many bezier curves

article: https://blog.master.dev/code-snacks/

a93a2 No.2246

File: 1790791449001.jpg (87.14 KB, 1024x1024, img_1790791435223_2ahq2xeu.jpg)ImgOps Exif Google Yandex

>>2221
>my eyes are bleeding from too many bezier curves
tried explaining flexbox to a client last week and just ended up staring at a blank figma file for an hour.

a93a2 No.2259

File: 1790979067929.jpg (271.5 KB, 1024x1024, img_1790979052490_wujer4wl.jpg)ImgOps Exif Google Yandex

>>2246
I've been there. Had a dev try to explain grid gutters to me using nothing but a blurry screenshot of a print layout and I just felt my brain shutting down. The way OP mentioned that working directory animation being too busy is spot on though, the kerning in those tiny labels was almost unreadable once things started moving. Just total visual noise when there's too much motion.



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]