Overview
Over the years, I've collected a variety of resources that have shaped the way I approach product design. From practical guides on UX research to insights on accessibility, design systems, and UI design, these links represent a mix of inspiration, reference, and hard-learned lessons. I've gathered them here not just as a personal library, but as a snapshot of the ideas and tools that continue to influence my work. Whether you're a designer, researcher, or simply curious, there's something here that may spark new ways of thinking about design.
Product Design
- https://adamsilver.io/blog/form-design-from-zero-to-hero-all-in-one-blog-post/ — Adam Silver: form design, from zero to hero all in one blog post.
- https://www.smashingmagazine.com/2021/11/dashboard-design-research-decluttering-data-viz/ — Smashing Magazine: from good to great in dashboard design — research, decluttering, and data viz.
- https://grid.layoutit.com/ — Layoutit Grid: CSS grid layouts made easy.
- https://blog.streamlinehq.com/choosing-the-perfect-icons-for-your-typeface/ — Streamline: the essential guide to matching icons with typefaces.
- https://uxdesign.cc/guide-on-creating-ui-design-for-ios-apps-5bed644b1667 — Anastasia Prokhorova: a comprehensive guide on creating UI designs for iOS apps.
- https://smart-interface-design-patterns.com/articles/interface-design-books/ — Vitaly Friedman: free books for interface & UX designers.
Design Systems
- https://component.gallery/ — The Component Gallery: reference index of interface components.
- https://principles.design/examples/ — Principles.Design: collected examples of design principles.
- https://medium.com/@NateBaldwin/creating-a-flexible-design-token-taxonomy-for-intuits-design-system-81c8ff55c59b — Nate Baldwin: creating a flexible design token taxonomy for Intuit's design system.
- https://www.designsystems.com/iconography-guide/ — DesignSystems.com: a complete guide to iconography.
- https://uicolors.app/generate/82eabc — UI Colors: Tailwind CSS color generator.
- https://typescale.com/ — Typescale: create stunning typography, generate CSS, and find inspiration.
UX Research
- https://lawsofux.com/ — Jon Yablonski: Laws of UX.
- https://www.nngroup.com/articles/psychology-study-guide/ — Nielsen Norman Group: psychology for UX study guide.
- https://buster.medium.com/cognitive-bias-cheat-sheet-55a472476b18 — Buster Benson: cognitive bias cheat sheet.
- https://fs.blog/mental-models/ — Farnam Street: mental models — the best way to make intelligent decisions (~100 models explained).
- https://hackernoon.com/design-psychology-gestalt-driven-ux-64ac01cd257a?ref=uxdesignweekly — Justin Baker: Gestalt-driven UX — the patterns that drive our world.
Accessibility
- https://web.dev/learn/accessibility — web.dev: Learn Accessibility.
- https://www.youtube.com/watch?v=HtTyRajRuyY&list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g — Chrome for Developers: Introducing A11ycasts.
- https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/#accessible-autocomplete — Smashing Magazine: a complete guide to accessible front-end components.
- https://webaim.org/techniques/forms/advanced — WebAIM: creating accessible forms — advanced form labeling.
- https://www.whocanuse.com/?b=663300&c=000&f=20&s= — WhoCanUse: color contrast through the lens of visual disabilities.