It’s kind of neat that we can do input:invalid {} in CSS to style an input when it’s in an invalid state. Yet, used exactly like that, the UX is pretty bad. Say you have . That’s immediately invalid before the user has done anything. That’s such a bummer UX that you never see it used in the wild. But if we could just avoid that one thing, that :invalid selector can do a ton of work … Read article “Happier HTML5 form validation in Vue”
The post Happier HTML5 form validation in Vue appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://daverupert.com/2020/11/happier-html5-form-validation-in-vue/
Ak chcete pridať komentár, prihláste sa
Ostatné príspevky v tejto skupine

In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover
effect, and ending with a fully responsive bulging text that foll

In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a wh

A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.



