CSS

Styles & Colors

Color Palette Generator

• coolors

Other Resources

• UI Gradients
• illustrated.dev UI
• Polygon
• CSS Patterns

Themes and Templates

• Visme: Color Schemes
• Mashup Templates
• Cruip: Landing page templates for startups
• Creative Tim
• mdbootstrap

Images

• Lorem Picsum
• unDraw: Open-source illustrations
• Robohash: GENERATE UNIQUE IMAGES FROM ANY TEXT

Other Resources

• CSS Specificity Calculator
• CSS Selector Exercise

CSS Layouts

Flexbox

• Flexbox guide
• Flexbox Cheatsheet
• FlexboxFroggy Exercise

Grid Layout

• Grid: a simple visual cheatsheet
• Grid Layout
• CssGridGarden Exercise

CSS Responsive

• Freecodecamp: Responsive Web Design Exercises
• Masonry: Cascading grid layout library

Media Queries

• Media Query

CSS Transitions and Transformations

• Thoughtbot: Transition and transforms

CSS Animations

• Thoughtbot: Animation for beginners
• Animate.css
• React Particles
• Animation Tools
• 20 Useful react animation libraries

CSS 3rd Party Libraries

• Bootstrap SCSS Repo
• Tachyons: lightweight CSS library

Sass

• SCSS Tutorial
• 7 Sass techniques to help you write better code
• Structuring your Sass Projects
• css-tricks: Sass Techniques from the Trenches

Other Resources

• 10 Best Website Templates for Your Online Portfolio 2020

Exercises

• Codepip: Learn to code by playing games