CS130: Spring 2022

Tools and Technologies of the World Wide Web

CS130: Spring 2022

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.

Great Websites & Designs

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!

Organization Name of Design Brand
Salesforce Lightning Design System
Alibaba Ant Design
Atlassian Design Guidelines
Firefox Photon Design
IBM Carbon Design
Intuit Harmony Design
Shopify Polaris
US Federal Government Web Design Standards
Accessibility Resources Web Accessibility

Color

Fonts & Icons

Material Design

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.