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
Why Do We Interface?The Past, Present, & Future of Interfaces • A micro-book with incomplete observations on human-computer interfaces by Ehsan Noursalehi#interface#book#micro#interaction#design#ux#communication#recommended#@thisisehsan#UI·whydoweinterface.com·Aug 22, 2020Why Do We Interface?
Accessibility Matters – Let's care more about web accessibilityDocumenting everything through the journey of learning web accessibility.a11y#a11y#accessibility#design#ux#recommended#resource#UI·a11ymatters.com·Aug 22, 2020Accessibility Matters – Let's care more about web accessibility
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
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
Useful Sections for a Design System Reference Sitea11y#styleguide#design#system#article#ux#reference#guidelines#brand#accessibility#UI#a11y·superfriendlydesign.systems·Aug 1, 2020Useful Sections for a Design System Reference Site
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#statistic#infographic#discussion#UI#read later 🔖·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
Dashboard UI: 14 Best Practices for Designers, Developers & Product Owners#dashboard#design#recommended#@AdamFard_#.return#usability#ux#UI·adamfard.com·Aug 1, 2020Dashboard UI: 14 Best Practices for Designers, Developers & Product Owners
TeenyiconsTiny minimal 1px icon set by Anja van Staden with more than a thousand icons → https://github.com/teenyicons/teenyicons.com#design#icon#tiny#svg#UI#MIT License·teenyicons.com·Jul 25, 2020Teenyicons
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
Tabler Icons550+ Highly customizable free SVG icons (MIT licence) https://github.com/tabler/tabler-icons#svg#free#design#icon#ux#resource#UI#MIT License·tablericons.com·Jul 16, 2020Tabler Icons
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
Accessible to some - Manuel Matuzovića11y#accessibility#a11y#development#design#ux#recommended#aria#WCAG#UI·matuzo.at·Jun 26, 2020Accessible to some - Manuel Matuzović
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