GUI Challenge: Multi-select
| Get ready for Chrome Dev Summit 2021 | | View the schedule to reserve your spot in workshops, office hours, and learning lounges taking place throughout November. Have a question for the Chrome team? Share it on Sli.do and join a panel of Chrome leaders at a live AMA, or chat live 24/7 with the Chrome team and developers from around the globe on Discord. | | | | | Bringing instant page-loads to the browser through speculative prerendering | | Learn how to use speculative prerendering–a way to recommend that the browser fetches specific resources–to improve page loading. Then explore the current drawbacks and popular external libraries that implement sophisticated speculation. Also, find out how to participate in the Chrome origin trial. | | | | | Featured posts | | | Safe DOM manipulation with the Sanitizer API | Explore the proposed Sanitizer API and see how it aims to build a robust processor for arbitrary strings to be safely inserted into a page. | | | | | | | | Building a multi-select component | Discover how to build responsive, adaptive, and accessible multi-select components and deliver sort and filter features. | | | | | | | How SPA architectures affect Core Web Vitals | Get answers to common questions about single-page applications, Core Web Vitals, and Google's plan to address current measurement limitations. | | | | | | | | Best practices for using third-party embeds | Learn techniques to efficiently load popular third-party embeds, such as video players, social-media feeds, maps, and adverts. | | | | | | GUI Challenges | | In this month's GUI challenge, Adam shares his thinking on enabling multi-select. He demonstrates a filterable grid that accepts input from both a select multiple and a set of -fieldset- elements: two multi-select methods, each tailored to their use case. | | | | | | |
No comments:
Post a Comment