Learning CSS from Dave Gray
📺 YouTube Playlist for this repository.
- 🔗 Google Chrome Web Browser
- 🔗 Visual Studio Code (aka VS Code)
- 🔗 Live Server VS Code Extension
- 🔗 vscode-icons VS Code Extension
- 🔗 Github Themes VS Code Extension
- 🔗 W3C CSS Validator
- 🔗 Specificity Calculator
- 🔗 HTML Special Characters
- 🔗 Can I Use
- 🔗 MDN: CSS
- 🔗 MDN: CSS Basics
- 🔗 MDN: Applying Color to HTML Elements using CSS
- 🔗 MDN: CSS Values and Units
- 🔗 MDN: The Box Model
- 🔗 MDN: Styling Lists
- 🔗 MDN: Display Property
- 🔗 MDN: Floats
- 🔗 MDN: Basic Concepts of MultiCol
- 🔗 MDN: Margin Collapsing
- 🔗 MDN: Position
- 🔗 MDN: Flexbox
- 🔗 MDN: Basic Concepts of Grid Layout
- 🔗 MDN: Grid Template Areas
- 🔗 MDN: CSS Images
- 🔗 MDN: CSS Background Images
- 🔗 Chip Cullen: Content Layout Shift
- 🔗 MDN: CSS Media Queries
- 🔗 MDN: CSS Pseudo-Classes and Pseudo-Elements
- 🔗 MDN: CSS List of Pseudo-Classes
- 🔗 MDN: CSS List of Pseudo-Elements
- 🔗 MDN: CSS Custom Properties (Variables)
- 🔗 MDN: CSS Functions
- 🔗 MDN: CSS Transform
- 🔗 MDN: CSS Transition
- 🔗 MDN: CSS Animations
- 🔗 MDN: Organizing Your CSS
- 🔗 Scott O'Hara: Ordering CSS for Everyone
- 🔗 Get BEM: Introduction
- 🔗 MDN: Grid and The Danger of Markup Flattening
- 🔗 CanIUse.com: display: contents
- 🔗 MDN: Fundamental Text and Font Styling
- 🔗 CSSFontStack.com: Websafe Fonts
- 🔗 MDN: Styling Links
- 🔗 MDN: White-Space
- 🔗 Coolors Contrast Checker
- 🔗 WebAIM Contrast Checker
- 🔗 Coolors Palette Generator
- 🔗 ColorHub.app Palette Generator
- 🔗 HTML Color Codes
- Placeholder Image Generators:
- Sites with Freely-Usable Images:
- Image Editing / Resizing Software:
- 🔗 For Windows: Irfanview
- 🔗 As a Service: Canva.com
- 🔗 Suggestions for Macs
- Full Featured Editor for Windows/Mac/Linux:
- 🔗 Gimp
- Image Compression (shrink file size):
- 🔗 TinyPNG