@a-dev / probes

This repository is a collection of experiments and probes in web development, design, and technology. Each probe explores a specific concept, technique, or feature in depth, with practical examples and key takeaways.

• Site: https://a-dev.github.io/probes/overscroll/
  
  Article: CSS overscroll-behavior rubber banding: how to show the right color behind the site when you pull it: Explores overscroll behavior in web browsers, especially the “rubber banding” effect on touch devices. It compares browser implementations and shows how CSS can customize or disable the behavior.
  
  Code: src/pages/overscroll

• Site: https://a-dev.github.io/probes/validation/
  
  Choreography of validation: how to make your auth form seamless and usable: Reward early, punish late. This is the main principle of good validation UX: find the right moment to tell users they messed up. And the right moment to tell them they’re back on track.
  
  Code: src/pages/validation

• Site: https://a-dev.github.io/probes/corner-shape/
  
  CSS corner-shape generator help you make your corners round, squircle, or concave. Two fallback options are provided for browsers that don’t support the property yet. “Why” article CSS corner-shape: add a squircle to your design today with the right fallback
  
  Code: src/pages/corner-shape.

…more coming soon.