Intro component w/ signup form using 11ty, Valibot, and bundled CSS/JS
Design comparison
Solution retrospective
I finally figured out how to bundle CSS and JS with Eleventy! I used Lightning CSS and esbuild for bundling CSS and JS, respectively. Next time I plan to maximize the features of these bundlers, like transpiling modern syntax, minifying, etc.
What specific areas of your project would you like help with?Feedback on accessibility is welcome!
I used instant and afterward validations for the input fields, with errors that have aria-live="assertive"
. For submit validation, if there's more than one invalid field, I show the error messages with aria-live="off"
and instead announce a screen reader-only error summary indicating the number of invalid fields.
Community feedback
- @mandriva19Posted 4 months ago
you got that thing about doing projects which is very rare. it's very detailed and organized. as always. keep going with it!
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord