Raindrop.io Bookmarks 01/30/2024

2024年1月30日 著

• An Introduction To Full Stack Composability -- Smashing Magazine

  "Composability is the art of building systems in a modular and flexible way. It emphasizes creating components that are not only reusable but can seamlessly fit together, forming a cohesive and adaptable architecture."

• Indicators, Validations, and Notifications: Pick the Correct Communication Option

  "Indicators provide supplementary information about a dynamic piece of content or UI element. They are conditional --that is, they may appear or change under specific conditions. Validations are tied to a user's action or input. Notifications are focused on system-related events."

• Big, beautiful, beefy focus states with :focus-visible | daverupert.com

  "Good news! We don't have to commit CSS crimes anymore! :focus-visible solves the "I want keyboard focus but not click focus" problem by treating keyboards and pointers separate."

• How Google perfected the web

  "How the internet reshaped itself around Google's search algorithms -- and into a world where websites look the same."

• Highlight Text When a User Scrolls Down to That Piece of Text - Frontend Masters Boost

  "The coolest part to me is the animation-range which gives us the opportunity to say when to start and end the animation with a solid amount of control."

• The Most Underused CSS Media Queries: Hover & Any-Hover

  "Both hover and any-hover are great ways to ensure that your site works on all types of devices, all while improving users' experiences."