💪 Powerful CSS Resources
Download PDF of @alyssanicoll’s talk “Empowering your developers to Create Custom UI”: https://bit.ly/3azH9F0

Example of something custom built with raw CSS:
<p class="codepen" data-height="300" data-theme-id="5377" data-default-tab="result" data-user="alyssamichelle" data-slug-hash="rNVQZgJ" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="Roulette Wheel LIVE FOR REALZ">
  <span>See the Pen <a href="https://codepen.io/alyssamichelle/pen/rNVQZgJ">
  Roulette Wheel LIVE FOR REALZ</a> by Alyssa Nicoll (<a href="https://codepen.io/alyssamichelle">@alyssamichelle</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

CSS Resources

CSS Tricks

  • For all inquiries regarding CSS, I would start with this killer resource: 

The CSS Podcast

Design System Example (Salesforce)

Style Guide Example on “Reimagining Codecademy.com”


Grid Layout with Flex or Grid

A Philosophy for Designing Components with Composition by Jeremy Elbourn

Angular Specific Style Resources

Kendo UI for Angular

Ngrx & Material Starter 

(check out the slick Angular route animations, *inspired*)