search

GoogleChromeLabs / houdini.how

A community-driven gathering place for CSS Houdini worklets and resources.
https://houdini.how
Apache License 2.0
152 stars 39 forks source link

Added houdini-leaf worklet #129

Closed zhenyanghua closed 3 years ago

zhenyanghua commented 3 years ago

@una Thanks for sharing this great resource. I just watched your talk on Chrome Dev Summit, and cannot believe there is such awesome tool here. Here is my first worklet.

nucliweb commented 3 years ago

Thank you @zhenyanghua for the contribution, is a beautiful Paint Worklet.

Can you optimize the avatar image?

e.g.

zhenyang

Original Optimized
Screen Shot 2020-12-13 at 12 55 32 Screen Shot 2020-12-13 at 12 56 12
zhenyanghua commented 3 years ago

@nucliweb Great tip! Thanks. I compressed it into webp format. That is also something I just learned from the past chrome dev summit. Safari doesn't support webp yet, revert back to jpg.

una commented 3 years ago

Thanks @zhenyanghua! If you can just removed the package-lock.json I'll merge this in :)

zhenyanghua commented 3 years ago

@una, good catch. all set, that got slipped in.