Raindrop.io Bookmarks 03/18/2024

2024年3月18日 著

• How to create a color palette for design systems | Blog

  "Based on my experience, 15 colors are the perfect minimum for any design. This set of colors is adequate to execute any kind of components for both light and dark themes."

• oklch() retains perceived lightness for different hue angles | Stefan Judis Web Development

  "So in summary, when you need to manipulate colors and want to avoid color contrast issues, oklch() is your friend from now on!"

• Embrace the Platform - Bram.us

  "Keep it simple. Apply the Rule of Least Power. Build with progressive enhancement in mind. HTML, CSS, and JavaScript -- in that order."

• Naming design tokens: the art of clarity and consistency | by Zara Soltani | UX Collective

  "This seemingly small detail can impact the overall readability and maintainability of your design system. You have to collaborate with developers to use the code friendly case, which is most likely camelCase or underscore_case."

• Using CSS Houdini to extend styling and layout capabilities - LogRocket Blog

  "The primary advantage of Houdini lies in its capacity to enhance styling processes, providing a more efficient and standardized approach. A secondary advantage is its ability to seamlessly create styles that transcend different browser environments."

• Scroll-Driven Animations: You want overflow: clip, not overflow: hidden - Bram.us

  "To visually hide all the content that overflows, you can set overflow to hidden. But! Doing that comes with a caveat: when you set overflow: hidden, it also creates a scroll container."