- W3Schools CSS Reference
- CSS Basics
- CSS Cheat Sheet
- Grid by Example
- Layout Patterns
- Learn CSSS Layout
- Flexbox Playground
- Flexbox.help
- Free Layout Templates
- Jen Simmons
- Mastering CSS video course on PacktPub
- CSS Secrets by Lea Verou
- Codrops CSS Reference
- Sitepoint CSS Reference
# Color
# Frameworks
- Bootstrap
- Start Bootstrap - Free Bootstrap Themes & Templates
- Bulma - A modern CSS framework based on Flexbox
- Elastic CSS
- Evie - A production-ready theme for your projects
- Flat UI
- Foundation
- Jeet
- Milligram - A minimalist CSS framework
- Kite is a flexible layout helper CSS library
- Paper.css - the less formal CSS framework. Great for prototyping
- PatternFly
- Semantic UI
- Tachyons
- 👍 Tailwind - A utility-first CSS framework for rapidly building custom user interfaces
- Topcoat
- Pure.css
- UIkit - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
- Wired-Elements - A set of common UI elements with a hand-drawn, sketchy look.
# Material Design
# Images
- Unsplash - Beautiful free images
# Inspiration
- Codrops
- AniCollection
- ArticleIntroEffects
- Button Styles
- Progress Button Styles
- Circular Progress Button
- Dialog Effects
- Elastic SVG Elements
- Parallax Demo
- Responsive Logos
- Swirling Dots
- Elastic Progress
# Learn
# Libraries
- Animate.css A cross-browser library of CSS animations
- Single Element CSS Spinners
- Hartija is a CSS printing stylesheet
- Hover.css is a collection of CSS3 powered hover effects
- Hint.css is a CSS tooltip library
- Pure CSS Loaders -Open source CSS loading animations dedicated for speed, simplicity & dev-friendly.
# Misc
- Centering in CSS
- Grid By Example - Learn CSS Grid
- The Ultimate Guide to Learning CSS
- http://learnlayout.com/
- https://thecssworkshop.com/
- http://codingheroes.io/resources/
- https://github.com/jonasschmedtmann/advanced-css-course
- https://bennettfeely.com/clippy/
- CodingHeroes YouTube Channel
- CodingHeroes Resources Page
- Social Media Colors
- UI Jar.com - Inspiration
# Preprocessors
# Tools
- CSS Resets
- Stilify Me helps designers quickly gain an overview of the style guide of a site, including colours, fonts, sizing and spacing
- Pesticide - CSS Layout Debugging
- PostCSS is a tool for transforming styles with JS plugins. These plugins can support variables and mixins, transpile future CSS syntax, inline images, and more. Also includes Autoprefixer
- Purify CSS removes unused CSS
- StyleStats - An evaluating tool for writing better CSS
- CSS Gradient Generator
- Colorzilla Gradient Editor