Learn about User Interface elements such as input controls, navigational and informational components, and containers.

Breadcrumb navigation
Breadcrumbs are secondary navigation, to indicate where the user is, and how to go back.Breadcrumb navigation
Checkbox selection
Checkboxes are used to let a user select one or more options of a limited number of choices.Checkbox selection
Hamburger menu
Find out all the pros and cons of Hamburger Menus. Do you really need them? What's the best approach?Hamburger menu
Input fields
Find out about best practices when capturing user text input or forms, and providing the right visual indicators when an error occurs.Input fields
Loading indicators
Show an activity spinner or a progress bar so users know something is loading and can gauge how long it will take to load.Loading indicators
Toggle switch
A toggle switch is a visual alternative to a checkbox to control either an on or off state, perfect for managing settings.Toggle switch
Toggle Switch Usability
Toggle Switch Usability
Toggle Switch Accessibility
Toggle switches are a common form of user interface control, but they can be difficult for people with disabilities to use. Toggle Switch Accessibility
Toggle Switch Interaction Design
Toggle switches are a popular form of interaction design, allowing users to quickly and easily switch between two states.Toggle Switch Interaction Design
Navigation Bars
Nav bars help users find their way around a website or app. Learn best practices for designing effective navigation bars.Navigation Bars
Dropdown Menus
Dropdown menus are UI elements used to display a list of options that can be selected. They are a great way to save space and provide users with an intuitive way to select an option.Dropdown Menus

Learn about User Interface elements such as input controls, navigational and informational components, and containers.

Subscribe

Hey, smarty!