Material Design Lite - Components
A front-end template that helps you build fast, modern mobile web apps.
One Page Material Design Template
This is a one page Material Design HTML template based off the MaterializeCSS framework. The template includes styles for several sections including work, team, and a nice big header.
GitHub - joashp/material-design-template: Material Design Based One Page HTML Template
Material Design One Page HTML Template
zeroheight example: Popover · Planview Design System
Stop Doing Design System Projects
Your design system is not a project.
10 Key Takeaways from Google’s Material Design Guidelines
UI & UX best practices from Google’s design system documentation.
Building a Visual Language
Behind the scenes of our new design system (Airbnb)
The Way We Build
How rethinking the Airbnb app changed the way we approach design
Design Systems For Figma: Bringing Context To Design Systems
Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.
Ahmad Shadeed
A multidisciplinary designer with an eye for details.
UI Bugs
Documenting UI bugs to show that all UI developers make mistakes. This blog will showcase bugs in large and popular websites and apps.
Leading-Trim: The Future of Digital Typesetting
How an emerging CSS standard can fix old problems and raise the bar for web apps
Why Do We Interface?
The Past, Present, & Future of Interfaces • A micro-book with incomplete observations on human-computer interfaces by Ehsan Noursalehi
Accessibility Matters – Let's care more about web accessibility
Documenting everything through the journey of learning web accessibility.
a11y
The Onion for Design Systems: Atomic Design and Pace Layering
Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance
The Just in Case Mindset in CSS
Learn about how to write defensive CSS.
Omatsuri
Open 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
The UX of LEGO Interface Panels – George Cave
UI cheat sheet: radio buttons, checkboxes, and other selectors
by Tess Gadd | UX Collective
Selection controls — UI component series
Making choices never was more satisfying. A detailed look at checkboxes, radio buttons, and toggles design. By Taras Bakusevych | Jun, 2020 | UX Collective
A designer's guide to creating effective dashboards
Useful Sections for a Design System Reference Site
Storybook: UI component explorer for frontend developers
Build bulletproof UI components faster – Storybook is an open source tool for developing UI components in isolation for React, Vue, Angular, and more.
Criteria for good data visualization, according to design and statistics
Designers and statisticians disagree on what makes a good information graphic
Beautiful Examples of Login Forms for Websites and Apps
Self-hosted Design and Project Management Solutions
- Presentator.io - Sketch Measure - UserTrack - UX lens
Dashboard UI: 14 Best Practices for Designers, Developers & Product Owners
Teenyicons
Tiny minimal 1px icon set by Anja van Staden with more than a thousand icons → https://github.com/teenyicons/teenyicons.com
The State Of Pixel Perfection
RT @shadeed9: I wrote "look & feel" since I don't look for pixel perfection. It's not relevant today. Here is why:
Tabler Icons
550+ Highly customizable free SVG icons (MIT licence) https://github.com/tabler/tabler-icons