Design Resources
As you’re learning about web design and implementing components, it will be useful for you to take a look at how existing companies / organizations make design choices. Many companies even make their stylesheets and widget libraries available.
Style Guides and Guidelines
As you instantiate your frameworks, keep in mind that most companies have standardized widgets, stylesheets, and guidelines to ensure an integrated look-an-feel. Here are some style guides. Please use them to get ideas!
- Salesforce’s Lightning Design System
- Lonely Planet Style Guide
- Alibaba’s Ant Design
- Atlassian’s Design Guidelines
- Firefox’s Photon Design
- IBM’s Carbon Design
- Intuit’s Harmony Design
- Shopify’s Polaris
- The US Web Design Standards
- Web Accessibility
Color
Fonts & Icons
- https://fontawesome.com/icons
- https://material.io/tools/icons/?style=baseline
- https://fonts.google.com/
Material Design
- Google’s Material UI
- Libraries that instantiate Material Design: https://tutorialzine.com/2016/03/the-15-best-material-design-frameworks-and-libraries
Email Lists
For web dev trends / news:
Podcasts
- For design thinking and general inspiration, 99% Invisible can’t be passed up. Many designers love it, saying that it’s one of the highlights of their week.
- If you like short podcasts, Immutable is good. It’s very tangible - they talk about specific things, not huge ideas. There’s also Developer Tea which is also pretty short, and has solid content for all types of people interested in development.
- If you’re willing to deal with some longer stuff, consider checking out Design Details (which is a lot of designers talking about how they got into the industry). For visionary, future-oriented design, check out The Web Ahead. There’s also Javascript Air - it’s always really good, but it’s on the more technical side, and the topics can go on for a long, long time.
- For a podcast manager, Overcast is supposed to be a great experience for anyone on iOS.