CSS articles collection / Refer these articles and improve your UI/UX design
By Jitendra | 02, Jul 2021
CSS articles collection / Refer these articles and improve your UI/UX design.
Buttons
Text fields
- UI cheat sheet: text fields (Awesome article!)
- Text fields & Forms design
- The Anatomy of Input Field
Checkboxes and Toggles
Radio Buttons
- Selection controls — UI component series (AWESOME)
- Radio Buttons UX Design
- Radio button design: easy selection and decision-making
Tables
- Design better data tables
- The Ultimate Guide to Designing Data Tables
- Designing better data tables for enterprise UX
Date pickers
- How to Design a Perfect Date Picker Control?
- Date Picker Design Best Practices
- A hunt for the perfect date picker UI
Sliders
Tabs
Dropdowns
- UI cheat sheet: dropdown field (Like this one)
- Dropdowns: Design Guidelines
- Drop down list design: the complete guide
Pagination
Search inputs
Breadcrumbs
- Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
- Are breadcrumbs still fresh for UX?
- Breadcrumb examples for inspiration
Carousels
- Carousel/slider design best practices (with examples)
- Carousel Usability: Designing an Effective UI for Websites with Content Overload
- Designing a User-Friendly Homepage Carousel
Modals
- Best Practices for Designing UI Overlays
- Big, bold UX—using modal windows for in-app user engagement
- Modal and Nonmodal Dialogs: When (and When Not) to Use Them
- Modal dialogs
Cards
- Card UI design: fundamentals and examples
- Simple Design Tips for Crafting Better UI Cards
- Designing cards
Tooltips
- Tooltip Guidelines
- Designing Better Tooltips For Mobile User Interfaces
- Tooltips: your secret weapon for improving feature discovery
Navigation
- Navigation design: Almost everything you need to know
- UX Design for Navigation Menu
- The Fastest Navigation Layout for a Three-Level Menu
Loaders
- Progress Indicators Make a Slow System Less Insufferable
- Stop Using A Loading Spinner, There’s Something Better
- Best Practices For Animated Progress Indicators
Forms
- Design Better Forms (Really good read!)
- Form Design: 13 Empirically Backed Best Practices
- The UX behind designing better forms