Raindrop.io Bookmarks 12/05/2024

2024年12月5日 著

• 8 Examples of Versioning in Leading Design Systems - Blog - Supernova.io

  "Explore how top companies like IBM, Google, and Twilio implement versioning in their design systems, ensuring consistency, clarity, and seamless updates with Semantic Versioning."

• The Logical Border Radius Equivalents - Frontend Masters Boost

  "The individual corner border-radius values, like border-top-right-radius (which is hard enough to remember on its own) have logical property versions, meaning that should the flow of the document change, the border radius values should come along for the ride."

• Smooth Multi-Page Experiences with Just a Few Lines of CSS - HTMHell

  "A single line of CSS can enable slick multi-page transitions for web applications (and web sites for those who maintain there's a difference), opening up new possibilities for web app architectures, and website experiences."

• About WebGlossary.info · WebGlossary.info

  "WebGlossary.info is a glossary for web development that extends to many related fields. It is based on the living book The Web Development Glossary by Jens Oliver Meiert (Frontend Dogma)."

• Screenshot-Driven Development - Goose Documentation

  "I didn't want to spend hours implementing the CSS for each design trend, so I developed a faster approach: screenshot-driven development. I used an open source developer agent called Goose to transform my user interfaces quickly."

• Control the Viewport Resize Behavior on mobile with `interactive-widget` - HTMHell

  "Use the interactive-widget keyword in the viewport meta tag to control the viewport resize behavior when the Virtual Keyboard gets shown. By default the Visual Viewport resizes. To also have the Layout Viewport resize, set the value of interactive-widget to resizes-content."