10 Key Takeaways from Google’s Material Design GuidelinesUI & UX best practices from Google’s design system documentation.#design#system#styleguide#article#recommended#ux#materialdesign#google#UI·uxdesign.cc·Sep 23, 202010 Key Takeaways from Google’s Material Design Guidelines
Building a Visual LanguageBehind the scenes of our new design system (Airbnb)#design#system#styleguide#article#recommended#ux#airbnb#UI·airbnb.design·Sep 23, 2020Building a Visual Language
The Way We BuildHow rethinking the Airbnb app changed the way we approach design#design#system#styleguide#article#recommended#ux#airbnb#UI·airbnb.design·Sep 23, 2020The Way We Build
Design Systems For Figma: Bringing Context To Design SystemsHayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.#design#system#styleguide#article#recommended#ux#UI·designsystemsforfigma.com·Sep 23, 2020Design Systems For Figma: Bringing Context To Design Systems
Ahmad ShadeedA multidisciplinary designer with an eye for details.#web#design#ux#a11y#css#rtl#arabic#debugging#UI#CSS·ishadeed.com·Sep 9, 2020Ahmad Shadeed
UI BugsDocumenting UI bugs to show that all UI developers make mistakes. This blog will showcase bugs in large and popular websites and apps.#design#ux#bug#collection#showcase#recommended#UI·uibugs.com·Sep 9, 2020UI Bugs
Leading-Trim: The Future of Digital TypesettingHow an emerging CSS standard can fix old problems and raise the bar for web apps#ux#design#typography#css#recommended#UI#read later 🔖#CSS·medium.com·Aug 25, 2020Leading-Trim: The Future of Digital Typesetting
The Onion for Design Systems: Atomic Design and Pace LayeringUnderstand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance#design#system#onion#concept#atomic#ux#recommended#UI#read later 🔖·uxdesign.cc·Aug 22, 2020The Onion for Design Systems: Atomic Design and Pace Layering
The Just in Case Mindset in CSSLearn about how to write defensive CSS.#css#tip#design#ux#fallback#.return#UI#CSS#how-to·ishadeed.com·Aug 22, 2020The Just in Case Mindset in CSS
OmatsuriOpen source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum#everyday#css#color#shade#curve#svg#compress#jsx#base64#fake#data#symbol#loremipsum#generator#ux#design#UI#CSS·omatsuri.app·Aug 22, 2020Omatsuri
User Interface | Block Editor HandbookThe Block Editor The block editor’s general layout uses a bar at the top, with content below. The Toolbar contains document-level actions:…#block#editor#handbook#design#UI#WordPress·developer.wordpress.org·May 25, 2021User Interface | Block Editor Handbook
UI cheat sheet: radio buttons, checkboxes, and other selectorsby Tess Gadd | UX Collective#design#ux#selection#control#button#toggle#checkbox#cheatsheet#UI#read later 🔖·uxdesign.cc·Aug 2, 2020UI cheat sheet: radio buttons, checkboxes, and other selectors
Selection controls — UI component seriesMaking choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design. By Taras Bakusevych | Jun, 2020 | UX Collective#design#ux#selection#control#button#toggle#checkbox#UI#read later 🔖·uxdesign.cc·Aug 2, 2020Selection controls — UI component series
A designer's guide to creating effective dashboards#design#ux#dashboard#article#UI#read later 🔖·thenextweb.com·Aug 2, 2020A designer's guide to creating effective dashboards
Storybook: UI component explorer for frontend developersBuild bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.#design#documentation#ux#styleguide#components#storybook#development#UI·storybook.js.org·Aug 1, 2020Storybook: UI component explorer for frontend developers
Criteria for good data visualization, according to design and statisticsDesigners and statisticians disagree on what makes a good information graphic#design#ux#infographic#discussion#UI#read later 🔖#statistic (stats)·qz.com·Aug 1, 2020Criteria for good data visualization, according to design and statistics
Beautiful Examples of Login Forms for Websites and Apps#ux#design#login#form#UI#example·designmodo.com·Aug 1, 2020Beautiful Examples of Login Forms for Websites and Apps
Self-hosted Design and Project Management Solutions- Presentator.io - Sketch Measure - UserTrack - UX lens#design#project#management#.test#.return#UI·creativejuiz.fr·Aug 1, 2020Self-hosted Design and Project Management Solutions
The State Of Pixel PerfectionRT @shadeed9: I wrote "look & feel" since I don't look for pixel perfection. It's not relevant today. Here is why:#@shadeed9#article#ux#design#pixel#recommended#perfection#development#UI·ishadeed.com·Jul 16, 2020The State Of Pixel Perfection
Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium#storybook#ux#component#styleguide#design#system#recommended#UI·medium.com·Jul 13, 2020Introducing Storybook Args. Next-gen, dynamic component examples | by Michael Shilman | Storybook | Jul, 2020 | Medium
10 interaction design rules you must never breakby Cristian Bosch | Jun, 2020 | UX Collective#interaction#design#ux#article#rule#UI#read later 🔖·uxdesign.cc·Jul 10, 202010 interaction design rules you must never break
The design systems we swim in#collaboration#design#system#pattern#ux#development#article#recommended#UI#how-to·ethanmarcotte.com·Jul 9, 2020The design systems we swim in
Through a design system, darkly#collaboration#design#system#pattern#ux#development#article#recommended#UI#how-to·ethanmarcotte.com·Jul 9, 2020Through a design system, darkly
The design systems between us#collaboration#design#system#pattern#ux#development#article#recommended#UI#how-to·ethanmarcotte.com·Jul 9, 2020The design systems between us
Which UI design tool should I use in 2020?#design#application#comparison#2020#ux#sketch#figma#xd#UI#read later 🔖·uxdesign.cc·Jun 28, 2020Which UI design tool should I use in 2020?
Decoding Google’s secret UX weapon - UX Collective#ux#design#recommended#article#UI#read later 🔖·uxdesign.cc·Jun 28, 2020Decoding Google’s secret UX weapon - UX Collective
Spectrum for Adobe XD: Adobe’s Design Language in its Experience Design Tool#design#system#adobe#xd#plugin#.test#ux#styleguide#UI#read later 🔖·theblog.adobe.com·Jun 24, 2020Spectrum for Adobe XD: Adobe’s Design Language in its Experience Design Tool
Design and Anatomy of a Push Notification 2020#ux#message#notification#design#os#web#recommended#UI#read later 🔖·onesignal.com·Jun 23, 2020Design and Anatomy of a Push Notification 2020
10 great design systems and how to learn (and steal) from them#styleguide#design#system#ux#recommended#article#@LizTheWhizard#@uxdesigncc#UI·uxdesign.cc·Jun 18, 202010 great design systems and how to learn (and steal) from them
10 Ways to Improve Dropdowns in UI & UX DesignIf appropriately used, dropdowns don’t have to be awful.#ux#design#usability#article#dropdown#UI·uxdesign.cc·Jun 2, 202010 Ways to Improve Dropdowns in UI & UX Design