Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better. Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select <optgroup> Support Single Select with Groups Multiple Select with Groups Selected and Disabled Support Chosen automatically highlights selected options and removes disabled options. Single Select Multiple Select Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. Default Text Support Chosen automatically sets the default field text ("Choose a country... ") by reading the select element's data-placeholder value. Note: on single selects, the first element is assumed to be selected by the browser.
No Results Text Support Setting the "No results" search text is as easy as passing an option when you create Chosen: Limit Selected Options in Multiselect You can easily limit how many options the user can select: Right-to-Left Support. Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web. Programming, Motherfucker - Do you speak it? Ressources Javascript pour intégrateurs web front-end. How to Arrange Interface Elements. When I was a teenager, I always felt like my design heroes had some kind of special sixth sense.
I had done my homework—they had no special training or education, yet they sized and placed elements in their interfaces in a way that seemed to make perfect sense. I practiced tirelessly, designing and re-designing Photoshop-based websites late into the night. My visual style improved with every iteration, but the actual interfaces remained so-so. For all my practice, intuition could only carry me so far. It wasn’t until college that I started reading more design books and realized that I wasn’t asking the right questions during my process.
Why is the user on this screen? It was no longer about patterns and standards and all about how those can facilitate the user’s experience. I’m going to demonstrate how those questions impact my design thinking with a walkthrough of a design I’m working on now. Identify the primary goal Before I do anything, I have to get into the user’s head. Bacon Ipsum | A Meatier Lorem Ipsum Generator. Le CDN pour votre site wordpress. Periodic Table of the Elements - Josh Duck.