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: CSSoverscroll-behaviorrubber 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/
CSScorner-shapegenerator 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.